HTML input pattert não esta funcionando (regex)

Felipe Trebino · 15 de julho de 2021

Não entendo o porque, mas o regex não está funcionando na validação de CPF, não faz sentido nenhum

<label for="email">Email</label>

<input type="text" name="email" id="email" required placeholder="[email protected]" pattern="^[a-zA-Z0-9.!#$%&'*+=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$"> <label for="cpf">CPF</label>

<input type="text" name="cpf" id="cpf" required pattern="^[0-9]{3}\.[0-9]{3}\.\d{3}\-[0-9]{2}$" placeholder="Ex.: 000.000.000-00" >

<label for="data_nascimento">Data de Nascimemto</label>

<input type="date" name="data_nascimento" id="data_nascimento" required>

o formulário é bem simples, e so preciso validar email, cpf e data de nascimento, mas o cpf passa com qualquer caractere...

Marcelo Calazans · 15 de julho de 2021

@Felipe Trebino

Olá colega.

Este exemplo abaixo funciona bem comigo:

<html>

<body>

<form name="teste">		
		<input type="text" name="cpf" id="cpf" required pattern="\d{3}\.?\d{3}\.?\d{3}-?\d{2}" placeholder="Ex.: 000.000.000-00">
		<input type="submit" value="Enviar">
</form>

</body>

</html>