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: 3/24/2017 10:06:00 AM
nome: sdfasdfsdf
email: ewe@aasdasd.com
comentário:
afdssdfsdf

data: 1/31/2017 1:10:00 PM
nome: TjTSoYVttvairMURrI
email: derby451@hotmail.com
comentário:
xnXE48 http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 11:04:00 AM
nome: bUgwrMXqqyvjg
email: derby451@hotmail.com
comentário:
uiSbSB http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 11:01:00 AM
nome: hCduMXvSiuAD
email: jogcbfn@hotmail.com
comentário:
iFSI8T http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 12/30/2016 1:04:00 PM
nome: LWAknVGzjyAyUBwOB
email: jfvynms4281rt@hotmail.com
comentário:
90LICh http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.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