Expressão regulares em HTML5

Saudações galerinha, trago aqui mais uma dica, como trabalhar com expressão regulares utilizando o HTML5, o comando pattern dentro de um campo input “um formulário em html” serve para deixar um padrão. O pattern da suporte a parti do Firefox 4+ 5+ Chrome e Opera 9.6+ & MSIE 10+… É muito simples e útil no desenvolvimento de formulários, confira exemplo a seguir de validando de CPF com com expressão Ex.:000.000.000-00.

<form name="cadastro1">
   CPF:
   <input type="text" name="cpf"
      pattern="\d{3}\.\d{3}\.\d{3}-\d{2}">
   <input type="submit">
</form>
Exemplo funcional abaixo…

CPF:

Outro exemplo mais personalizado, onde você coloca sua resposta caso não satisfaça sua necessidade.

<form name="cadastro2">
   CPF:
   <input type="text" name="cpf"
      pattern="\d{3}\.\d{3}\.\d{3}-\d{2}"
      title="Digite o CPF no formato nnn.nnn.nnn-nn">
   <input type="submit">
</form>
Exemplo funcional abaixo…

CPF:

Gostou? Separamos alguns links interessantes para você começar a estudar sobre o assunto e criar sua própria expressão regular de acordo com sua necessidade.