1

Estou com uma duvida com validação do html5, tenho pouco conhecimento com regex preciso validar um formulário que obtenha apenas:

  • Letras maiusculas e minusculas, com acentos e etc;
  • Espaços em brancos;
  • Não pode aceitar apenas espaços em branco;

Segue o código:

<input type="text" name="nome" placeholder="Nome" minlength="4" pattern="[a-z\s]+$" required /> 

Estou usando este código mas o pattern não esta funcionando.

2

2 Respostas 2

2

O código a seguir, vai permitir no mínimo 2 caracteres e máximo 20 caracteres e não permitir em branco:

<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required>

Caso você não queira com número (apenas letras):

<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z-_\.]{1,20}$" required>

Permitir no mínimo 4 caracteres:

<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z-_\.]{3,20}$" required>

Veja algumas explicações:

  • ^ - Afirma posição no início da seqüência de caracteres.

  • $ - Afirma posição no final da seqüência de caracteres, ou antes do terminador de linha direito no final da seqüência de caracteres (se houver).

  • -_ - corresponde a um único caractere na lista -_ (diferencia maiúsculas de minúsculas).

  • {1,20} - Quantificador - Corresponde entre 1 e 20 vezes, tantas vezes quanto possível, devolvendo conforme necessário.

  • a-z - um caractere único no intervalo entre um (ASCII 97) e z (ASCII 122) (sensível a maiúsculas e minúsculas).

  • A-Z - um caractere único na faixa entre A (ASCII 65) e Z (ASCII 90) (sensível a maiúsculas e minúsculas).

Veja mais exemplos aqui: http://html5pattern.com/Names.

jsfiddle: https://jsfiddle.net/bLg24qog/5/

regex101 : https://regex101.com/r/iCXgjf/2

4
  • esta igual ¬¬ ... Commented 17/04/2017 às 22:04
  • 1
    agora sim champs Commented 17/04/2017 às 23:29
  • 2
    Adendo : [a-zA-Z0-9_] = \w, e caso você use - no meio de [] o ideal é ele estar no final [abc-], para não gerar problemas de sentença 0-9, 0 até 9. O . não necessita ser escapado entre de []. Commented 18/04/2017 às 12:00
  • 1
    Fora estes pequenos detalhes esta indo bem :D Commented 18/04/2017 às 12:03
1
<input type="text" required name="full_name" pattern="^[^-\s][a-zA-ZÀ-ú ]*">

O required faz com que o campo seja obrigatório. No regex eu não permito nada que comece com espaço.

3
  • mesmo assim ele aceita com apenas espaços em branco, ele valida e vai pro próximo input, obrigado pela resposta Commented 17/04/2017 às 21:49
  • Sim, verifiquei isso, fiz uma alteração acho que agora funciona ok. Fiz poucos testes, vê se está ok. Commented 17/04/2017 às 21:58
  • Adicione required ao campo. E no regex use pattern="^[^-\s][a-zA-ZÀ-ú ]*" Commented 17/04/2017 às 22:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .