Formulário + JS

[blacktrindade 2]

Pessoal estou utilizando uma função em JS para validar o formulário, código:

 

<script type="text/javascript">
function validar() {
var doc = document.contactform;


if (doc.nome.value == "") {
alert('Preencha o campo NOME');
doc.nome.focus();
return false;
}

else if(doc.email.value == "") {
alert('Preencha o campo EMAIL');
doc.email.focus();
return false;
}

}
</script>
<form id="contactform" name="contactform" class="rounded" method="post" action="enviar.php"> 
<input type="text" class="input" name="nome" id="nome" />
<input type="text" class="input" name="email" id="email" />

<input type="submit" name="submit"  class="button" onclick="validar()" value="Enviar" />
</form>

 

Quando eu clico em enviar ele me manda a mensagem que nome não foi preenchido no entanto depois de apertar no OK o código me manda para o enviar.php podem me ajudar?

[daviassumpcao 1]

Faça assim:

 

<script type="text/javascript">

function validar(contactform){
if(form1.nome.value == ''){
alert("O campo NOME é obrigatório !");
return false;
}
if(contactform.email.value == ''){
alert("Informe o E-MAIL");
return false;
}
if(contactform.email.value.indexOf(('@' && '.'),0)== -1){
alert("Insira um E-MAIL válido !");
return false;
}

return true;
}
</script>

 

No formulário:

 

<form action="enviar.php" method="post" enctype="multipart/form-data" onsubmit="return validar(this);" name="contactform" id="contactform">

 

Tire do botão o: onclick="validar()"

 

 

:yes: