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: 6/6/2019 4:35:00 PM
nome: tuytm
email: 756756@feyt.com
comentário:
gtsetye

data: 6/1/2019 1:50:00 PM
nome: nathai
email: nathaliacoelho@gmail.com
comentário:
asasas

data: 4/19/2019 10:02:00 PM
nome: Cidicley Leite Cintra
email: cintracidcley@gmail.com
comentário:
a

data: 1/26/2019 8:31:00 PM
nome: ffff
email: moroninet02@gmail.com
comentário:
cvbcvbcv

data: 8/29/2018 7:31:00 PM
nome: cxvcxv
email: jeffhenrique@outlook.com
comentário:
sa

 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