Caso você já tenha seu formulário funcionando, basta inserir o código onsubmit="return validaForm(this)" na tag <form>
O código abaixo verifica todos os campos do formulário, então enquanto todos os campos não estiverem preenchido o formulário não vai pra frente.
-
-
function validaForm(form)
-
{
-
for (i=0;i
<form.length;i++) 0)
-
{
-
if (form[i].value == "")
-
{
-
if (form[i].id.length >
-
{
-
var nome = form[i].name.substring(1,form[i].name.length);
-
var ident = form[i].id;
-
alert("O campo [" + ident + "] é obrigatório.");
-
form[i].focus();
-
return false
-
}
-
}
-
}
-
return true
-
}
-
</script>
-
-
Utilizando no Formulário.
-
-
<form name="form_x" onsubmit="return validaForm(this)">
-
Email:
<input id="Seu e-mail" type="text" name="email"><br />
-
-
Nome:
<input id="Seu nome" type="text" name="nome">
-
<input type="submit" value="Enviar" name="Bt">
-
</form>