Validação [JavaScript]

1. Validação

Enviado em 28/11/2012 - 23:29h

Pessoal, há algum erro na função abaixo?

function validarFormulario(){

d = document.form1;

if (d.nome.value == ""){
alert("O nome deve ser preenchido!");
d.nome.focus();
return false;

}

if (d.telefone.value == ""){
alert("O telefone deve ser preenchido!");
d.telefone.focus();
return false;

}

if (d.cep.value == ""){
alert("O CEP deve ser preenchido!");
d.cep.focus();
return false;

}

if (d.nascimento.value == ""){
alert("A data de nascimento deve ser preenchida!");
d.nascimento.focus();
return false;

}

if (d.email.value == ""){
alert("O campo email deve ser preenchido!");
d.email.focus();
return false;

}

if (d.renda.value == ""){
alert("O campo renda deve ser preenchido!");
d.renda.focus();
return false;

}

// validar telefone se contem apenas numeros
if (isNaN(d.telefone.value)){
alert("O campo telefone deve conter apenas numeros!");
d.telefone.focus();
return false;
}

if (ehData(d.nascimento.value){
alert("Data inválida!");
d.nascimento.focus();
return false;
}

return true;

}
</script>

2. Re: Validação

Enviado em 29/11/2012 - 10:00h

Você pode simplificar essa função assim:

function checaAlgumaCoisa(valor) {

	...

}



function validarFormulario() {

	var nome, telefone, cep, nascimento, email, renda;

	

	// Aqui você captura os valores do seu formulário:

	nome     = document.getElementById('nome.id').value;

	telefone = ...

	cep      = ...	

	

	// Checa se todos os dados foram informados

	if ((!nome) || (!telefone) || (!cep) || (!nascimento) || (!email) || (!renda)) {

		window.alert('Todos os campos devem ser preenchidos adequadamente');

		return false;

	}

	

	// Se está tudo ok, agora você valida os dados!

	if (isNaN(telefone)){

		alert('O campo telefone deve conter apenas numeros!');

		document.formulario.telefone.focus();

		return false;

	}

	

	...

	

	if (checaAlgumaCoisa(valor)) {

		...

	}

	

	...

	

}

3. Pegando Gancho

Enviado em 05/12/2012 - 01:59h

<div>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script>

function valida (){

var nome , idade , sexoF , sexoM , email ;

var nome=document.getElementById('nome').value;
var idade=document.getElementById('idade').value;
var sexoF=document.getElementById('sexoF').value;
var sexoM=document.getElementById('sexoM').value;
var email=document.getElementById('email').value;

if ((!nome) || (!idade) || (!sexoF) || (!sexoM) || (!email)){
alert("Todos os campos devem serem preenchido ");
return false ;
}
if (isNaN(idade)){
alert ("O campo idade deve conter somente números");
}
else {
window.location="http://www.google.com.br";
}
}

</script>
</head>
<body>

<form>
Nome : <input type="text" id="nome"><br>
Idade : <input type="texte" size="2" ><br>
Sexo : <br>
Feminino : <input type="checkbox" id="sexoF" value="yes" >
Masculino : <input type="checkbox" id="sexoM" value="yes" ><br>
E-mail : <input type="texte" size="10" id="email"><br>

<input type="button" value="Enviar" onclick="valida();">

</form>

</body>
</html>

Validação

Responder tópico