Super Tutoriais - A biblioteca do programador: HTML 5 Parte 4

Nesse tutorial vamos citar sobre algumas expressões regulares, quem já conhecia o HTML 4, e tinha algum campo que deveria seguir algum formato, normalmente criava uma função em javascritp, chamava essa função em um evento onkeyup, por exemplo, e verificava se o que o usuário digitou o correspondia ao formato definido, senão o sistema dava uma mensagem ao usuário para ele colocar o formato certo por exemplo.

Com o auxilio do atributo pattern, teremos menos linhas de código, veja o exemplo:

<!DOCTYPE html>

<html>

<head>

<title>Exemplo Exp. Regulares</title>

</head>

<body>

<form>

CEP:<br> <input type="text" placeholder="92000-000" pattern="[0-9]{5}-[0-9]{3}" maxlength="9" required="required"><br>

CPF:<br> <input type="text" placeholder="999.999.999-99" pattern="[0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2}" maxlength="14" required="required"><br>

</form>

</body>

</html>

Obs: Entre parenteses quer dizer que o campo irá aceitar números de 0 a 9, entre chaves quer dizer que aceita esse número de caracteres, o traço e/ou o ponto deve ser digitado.

Super Tutoriais - A biblioteca do programador

terça-feira, 31 de dezembro de 2013

HTML 5 Parte 4 - Expressão Regulares

Nenhum comentário:

Postar um comentário

Seguidores