Validar Campos ao Submeter formulario

[jonatha 0]

BOm dia pessoal,

 

Gostaria de saber como faço para qdo eu clicar em submeter eu valide o formulario

 

o codigo que eu tenho é o seguinte mais ele não valida ele envia e não da nenhuma mensagem de erro se eu deixo algum campo vaizio:

 

No arquivo js:

function valnome() {
  var nome = document.forms[0].nome.value
  if (nome == ""){
	alert("Nome invalido");
	}
	
}

Agora no formulario:

<form action="envia.php" method="post" name="formulario" id="formulario">
<input name="nome" type="text" id="nome2" size="40" maxlength="255">
<input name="submit" type="submit" id="submit" value="Enviar" onKeyPress="valnome()">

 

Obrigado

[Raficcha 1]

trabalhe com getElementById("nome").

 

veja abaixo a adaptação que fiz

 

function valnome() {

var nome =document.getElementById("nome").value

if (nome == ""){

alert("Nome invalido");

document.getElementById("nome").focus(); //esta linha serve para setar o foco no objeto apos a mensagem

return false; //faz com que o "submit" não envie o formulário

}

 

}

 

 

<form action="envia.php" method="post" name="formulario" id="formulario">

<input name="nome" type="text" id="nome" size="40" maxlength="255">

<input name="submit" type="submit" id="submit" value="Enviar" onKeyPress="return valnome()">

 

 

 

======================================

 

veja uma outra maneira de fazer isto com um button envez do submit(tome cuidado ao usar isso por causa da tecla enter):

 

 

function valnome() {

var nome =document.getElementById("nome").value

if (nome == ""){

alert("Nome invalido");

document.getElementById("nome").focus(); //esta linha serve para setar o foco no objeto apos a mensagem

return false;//faz com que o "submit" não envie o formulário

}

else{

document.forms[0].submit();

}

 

}

 

 

<form action="envia.php" method="post" name="formulario" id="formulario">

<input name="nome" type="text" id="nome" size="40" maxlength="255">

<input name="button" type="submit" id="submit" value="Enviar" onKeyPress="return valnome()">

 

 

 

 

Espero ter ajudado..qualquer cois: rafinha_tonello@yahoo.com.br