validação de form

[Álan_nov 0]

Boa tarde a todos,

 

o problema é o seguinte, caso o campo não esteja preenchido dá um alerta e depois já envia a mensagem, ao invés de retornar para o formulário.

estou abrindo meu form em um lightbox que nele chamo a página o html que está o formulário e depois a parte que envia o form e dá a mensagem de e-mail enviado OU não, será que isso tem algo haver?

[William Bruno 1501]

não entendi a dúvida

[Álan_nov 0]

Bom dia William Bruno,

 

é o seguinte, criei um form que abre em um lightbox, coloquei validações em javascript,

até ai tranquilo, o problema é quando o campo não for preenchido ele dá um alerta em javascript e envia a mensagem,

quando ele deveria voltar ao form para o usuário continuar o preenchimento dos campos.

[William Bruno 1501]

dispare a função no evento onsubmit do form.

 

em caso de erro, após o alert(), coloque um return false; para que o form não seja enviado.

[Álan_nov 0]

dispare a função no evento onsubmit do form.

 

em caso de erro, após o alert(), coloque um return false; para que o form não seja enviado.

 

Não deu certo, segue abaixo como está

 

Meu form está assim:

<form name="form" action="ajax/enviar.php" method="post" class="genericForm" onSubmit="return validaForm()">

 

E o enviar:

<input type="submit" value="enviar" class="submit" id="btn"/>

 

Validação:

<script>
function validaForm(){
          d = document.form;
          //validar nome
          if (d.nome.value == ""){
                    alert("O campo " + d.nome.name + " deve ser preenchido!");
                    d.nome.focus();
                    return false;
         }

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

	   //validar email(verificao de endereco eletrônico)
        parte1 = d.email.value.indexOf("@");
        parte2 = d.email.value.indexOf(".");
        parte3 = d.email.value.length;
        if (!(parte1 >= 3 && parte2 >= 6 && parte3 >= 9)) {
                  alert ("O campo " + d.email.name + " deve conter um e-mail válido!");
                  d.email.focus();
                  return false;
       }

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

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

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


	//validar assunto
        if (d.assunto.value == ""){
                  alert("O campo " + d.assunto.name + " deve ser preenchido!");
                  d.assunto.focus();
                  return false;
        }

	//validar mensagem
        if (d.mensagem.value == ""){
                  alert("O campo " + d.mensagem.name + " deve ser preenchido!");
                  d.mensagem.focus();
                  return false;
        }

	//if(document.form.newsletter.checked == true){
		//alert("O campo " + d.newsletter.name + " foi selecionado!");
  		//}

	}
</script>