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: 7/19/2017 10:38:00 AM
nome: fkruk
email: fjukjrf@hotmail.com
comentário:
tjrt

data: 6/9/2017 10:10:00 AM
nome: afdadfadfa
email: gagadga@fagaga.com
comentário:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaassssssssssssssssssssssssssssssssssssssssssssfffffffffffffassssssssssssssssssssssssd

data: 6/9/2017 10:10:00 AM
nome: afdadfadfa
email: gagadga@fagaga.com
comentário:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaassssssssssssssssssssssssssssssssssssssssssssfffffffffffffassssssssssssssssssssssssd

data: 5/20/2017 4:40:00 PM
nome: elqlLDscnMJX
email: jimos45812rt1@hotmail.com
comentário:
DY7LuL http://www.LnAJ7K8QSpkiStk3sLL0hQP6MO2wQ8gO.com

data: 5/18/2017 7:28:00 AM
nome: TzRbAgkXIZyXJY
email: jimos45812rt1@hotmail.com
comentário:
23zAyc http://www.LnAJ7K8QSpkiStk3sLL0hQP6MO2wQ8gO.com

 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