HTML5: atributos required e pattern não funcionam

[michelmfreitas 1]

Pessoal, tudo bem?

 

Estou fazendo um formulário de cálculo de frete, testando no Firefox e Chrome em suas últimas versões.

Inseri os atributos PATTERN para criar uma máscara no formato do cep e REQUIRED para que o campo seja obrigatório. Porém, ambos não funcionam. Por quê?

 

<form id="frm-frete" method="POST">    
     <label>Calcule o frete estimado para sua região.</label>
     <input type="text" name="cep" id="cep" placeholder="Informe o seu CEP" required pattern="\d{5}-\d{3}" title="O campo deve conter 9 dígitos no formato 99999-999" />
     <input id="btn_calculaFrete" type="submit" value="Calcular" />
</form>

Nunca aconteceu isso comigo antes. =/

[Maujor 144]

Sempre há uma primeira vez, mas ainda não foi desta! :-)

 

Não há nada de errado com o seu código. Testei no FireFox, Chrome e IE10 e funcionou como esperado.