Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
1127
Assunto : .NET
Titulo: Personalizar mensagem de erro do HTML 5

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon




O HTML 5 possui muitas novas funcionalidades interessantes, uma delas é a validação de formulários. Aplicando o atributo REQUIRED o browser impedirá que o campo seja deixado em branco e exibirá mensagem de erro caso ocorra.

Veja um exemplo :

<input type="text" name="txtnome" required />

A mensagem padrão em caso de erro é apenas "Preencha esse campo".

Então fica a questão : Como personalizar a mensagem de erro caso ocorra ?

Para isso podemos utilizar o evento oninvalid junto com o método setcustomvalidity. Fica da seguinte forma :

<input type="text" name="txtnome" required oninvalid="setCustomValidity('Por favor, preencha o nome')" />


Precisamos também eliminar a mensagem assim que o usuário fizer alguma correção no campo, então utilizamos o evento onchage :

<input type="text" name="txtnome" required oninvalid="setCustomValidity('Por favor, preencha o nome')" onchange="try{setCustomValidity('')}catch(e){}" />


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 10/29/2017 8:16:00 PM
nome: asd
email: sad@asd.com
comentário:
asd

data: 10/23/2017 12:01:00 PM
nome: sudhsu
email: viviane@hotmail.com
comentário:
fufhsuf

data: 10/2/2017 3:32:00 PM
nome: teste
email: teste@gmail.com
comentário:
adklfaklsdçfçaskdfasdf

data: 9/15/2017 5:47:00 PM
nome: asdf
email: asdf@gmail.com
comentário:
asdfasdf

data: 9/15/2017 5:47:00 PM
nome: asdf
email: asdf@gmail.com
comentário:
asdfasdf

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br