Validar CEP com HTML5 usando Pattern



O atributo pattern nos permite definir expressões regulares de validação, sem Javascript. Aqui vamos validar o CEP:





<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>O atributo pattern</title>
</head>
<body>
<form>
<label for="CEP">CEP:
<input name="CEP" id="CEP" required pattern= "\d{5}-?\d{3}" />
</label>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
 



Veja Mais:

- Elemento canvas em HTML5
- Atributo required no HTML5
- Formulário de contato pronto com HTML5
- Como usar Placeholder no HTML5
- Validar CEP com HTML5 usando Pattern
- Colocar vídeo na página com HTML5
- Colocar áudio na página com HTML5
- Elemento Áudio e Vídeo em HTML5
- Criar Formulários em HTML5
- Introdução ao HTML5
- Estrutura de um documento html 5
- Layout em HTML5

 

 

 

0 comentários:

Postar um comentário

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | JCPenney Coupons