Validação de Formulários em Javascript


(Marcelo Paiva de Almeida) #1

Prezados Boa Tarde,

Necessito da ajuda de vocês, pois sou iniciante em programação e principalmente em javascript e estou fazer um código para validar um formulário o qual eu só estou conseguindo somente enviar a mensagem de alerta para um campo, mas os outros não exibem a mensagem e agradeço a todos que puderem colaborar.

Segue os códigos abaixo:

HTML
<–! Código html
<!doctype html>

Central de Relacionamento Digite o seu nome E-mail Telefone Usuário Aluno Aposentado Diretor Funcionario Terceirizado Pais e Responsáveis Professor Servidor Seeduc Enviar
</body>		
--!>

Código Javascript
function validar(){

if(document.form1.nome.value == "")

{
	alert("Preencha o nome corretamente!");
	document.form1.nome.focus();
	return false;
}	

if(document.form1.email.value == ""){
	alert("Preencha o seu e-mail corretamente");
	document.form1.email.focus();
	return false;
}

if(document.form1.telefone.value == "")

{
	alert("Preencha o nome corretamente!");
	document.form1.telefone.focus();
	return false;
}	

if(document.form1.descricao.value == ""){
	alert("Preencha o seu e-mail corretamente");
	document.form1.descricao.focus();
	return false;
}

}`


(Luan Maik) #2

a execução do método termina no return, por isso só mostra um erro de cada vez.
Poderia criar um array que iria adicionando as mensagens de erro:

var erros = [];

if(document.form1.nome.value == "")
{
        erros.push('Preencha o nome corretamente!');
}

if(document.form1.email.value == "")
{
        erros.push('Preencha o email corretamente!');
}

if(erros.length > 0){
     var errosText = erros.join('\n');
     alert(erros);
     return false;
}

return true;