Skip to content

Instantly share code, notes, and snippets.

@marcoscastro

marcoscastro/index.html

Last active June 11, 2024 20:29
Show Gist options
  • Save marcoscastro/7887900ceebe9e223dce to your computer and use it in GitHub Desktop.
Save marcoscastro/7887900ceebe9e223dce to your computer and use it in GitHub Desktop.
Download ZIP
HTML 5 - Validando formato de CPF
Raw
index.html
<html>
<head>
<title>Formato CPF</title>
<script src="script.js"></script>
</head>
<body>
<h3>Digite seu CPF:</h3>
<form name="cadastro">
<input type="text" name="cpf" \
pattern="\d{3}\.\d{3}\.\d{3}-\d{2}" \
title="Digite um CPF no formato: xxx.xxx.xxx-xx">
<input type="submit" value="Verificar">
</form>
</body>
</html>
@danielbrasc
Copy link

danielbrasc commented Nov 20, 2022 •
edited
Loading

@ceaugomes

Uma das formas de garantir apenas números no input type="text"

https://stackoverflow.com/a/28838789

@lblem
Copy link

lblem commented Nov 23, 2022

só colocar type="number" ao invés de text.

@MauricioSarmento
Copy link

Basta colocar o type="number_format"

@halecvinicius
Copy link

por gentileza saberiam informar se existem como deixar os caracteres ponto e traço no campo de preencimento de forma obrigatoria?

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment