antes de apagar algums posts eu tinha um post ensinando a validar, mas em alguns navergadores dava pau
nisso passarei a ensinar usando getElementById
Vamos lah
if(document.getElementById("nome").value == ""){
window.alert("Preencha o campo Nome");
document.getElementById("nome").focus();
return false;
}
Simples não ?? então vamos explicar
- if(document.getElementById(“nome”).value == “”) = Pega o valor onde se encontra a id nome e compara se é vazia
- window.alert(“Preencha o campo Nome”); = Manda um alerta caso esteja vazio com o texto definido
- document.getElementById(“nome”).focus(); = o cursor volta pro campo nome para a pessoa corrigir
- return false; = retorna falso para que o form não seja enviado
Queria compara um campo e-mail… como faço ??
o jeito mais facil é usando expressão regular, ex:
if(document.getElementById(“email”).value.match(/(\w+)@(.+)\.(\w+)$/) == null)
com essa comparação fica mais facil de se comparar.
Agora, abaixo vai um codigo inteiro de uma validação simples
<script language="javascript">
function valida(){
if(document.getElementById("nome").value == ""){
window.alert("Preencha o campo Nome");
document.getElementById("nome").focus();
return false;
}
if(document.getElementById("email").value.match(/(\w+)@(.+)\.(\w+)$/) == null){
window.alert("E-mail informado não é valido");
document.getElementById("email").focus();
return false;
}
if(document.getElementById("assunto").value == ""){
window.alert("Preencha o campo Assunto");
document.getElementById("assunto").focus();
return false;
}
if(document.getElementById("mensagem").value == ""){
window.alert("Preencha o campo Mensagem");
document.getElementById("mensagem").focus();
return false;
}
return true;
}
</script>
Como usar ??
Copie o código acima e cole na tag head do seu editor.
na tah de seu form acrescente a seguinte função:
onSubmit=”return valida();”
No caso seu form para funcionar legal tem que ter os campos: nome, email, assunto, mensagem
lembrando de acrescentar a propriedade id com seus respectivos nomes em cada campo
