[Resolvido] Validação formulario

[saulo vinicius 0]

esse condigo nao esta funcionando, alguem sabe pq?

$("#frmContato").submit(function() {
if ($("#nome").val() == ""){
	jAlert('Preencha o seu Nome.', 'Atenção');
	return false;
}else if ($("#email").val() == ""){
	jAlert('Preencha o seu Email.', 'Atenção');
	return false;
}else if ($("#email").val().indexOf("@") < 1) || ($("#email").val().indexOf(".") <7){
	jAlert('Email digitado é inválido.', 'Atenção');
	return false;
}else if ($("#cArea").val().length != 3) || ($("#tele").val().length != 8){
	jAlert('Telefon digitado é inválido', 'Atenção');
	return false;
}else if ($("#assunto").val() == ""){
	jAlert('Preencha o Assunto da sua Mensagem.', 'Atenção');
	return false;
}else if ($("#msg").val() == ""){
	jAlert('Preencha o corpo da sua Mensagem.', 'Atenção');
	return false;
}else{
	return true;
}
});

 

ps: sou novo na area

Abraço

[William Bruno 1501]

-> isso está dentro de um $(document).ready() ?

-> importou a lib jQuery e o plugin jAlert ?

-> esses IDs existem no teu formulário ?

 

são muitas variáveis ainda, forneça mais informações.

[saulo vinicius 0]

- sim, esta dentro de um $(document).ready()

- sim, portei

- sim, as id's existem

 

Codigo formulario:

<table align="center" cellpadding="6">
<form action="principal.php?pg=cadNoticia" method="post" name="frmContato" id="frmContato" >
	<tr>
       	<td align="right">Nome</td>
           <td> <input type="text" name="txtNome" maxlength="50"  onblur="validaINome()" id="nome" class="input"/></td><td><img name="imgNome" src="transp.png"/></td>
       </tr> 
       <tr>
       	<td align="right">Email</td>
           <td> <input type="text" name="txtEmail" maxlength="50"  onblur="validaIEmail()" id="email" class="input"/></td><td><img name="imgEmail" src="transp.png"/></td>
       </tr>
       <tr>
       	<td align="right">Telefone</td>
           <td>(<input type="text" name="txtCArea" maxlength="3"  onblur="validaITele()" id="cArea" class="cArea"/>)  <input type="text" name="txtTele" maxlength="8" onblur="validaITele()" id="tele" class="tele"/> <i>Somente números!</i></td><td><img name="imgTele" src="transp.png"/></td> 
       </tr>
       <tr>
       	<td align="right">Assunto</td>
           <td> <input type="text" name="txtAssunto" maxlength="50" onblur="validaIAssunto()" id="assunto" class="input"/></td><td><img name="imgAssunto" src="transp.png"/></td>
       </tr>
       <tr>
       	<td align="right">Mensagem</td>
           <td> <textarea name="txtMsg" onblur="validaIMsg()" id="msg"></textarea></td><td><img name="imgMsg" src="transp.png"/></td>
       </tr>
       <tr>
       	<td></td>
           <td align="right"><input type="submit" name="cmdEnviar" value="Enviar" id="submit" class="submit"/></td>
       </tr>     	
   </form>
</table>

 

função

$(document).ready(function() {
    $("#frmContato").submit(function() {
       if ($("#nome").val() == ""){
               jAlert('Preencha o seu Nome.', 'Atenção');
               return false;
       }else if ($("#email").val() == ""){
               jAlert('Preencha o seu Email.', 'Atenção');
               return false;
       }else if ($("#email").val().indexOf("@") < 1) || ($("#email").val().indexOf(".") <7){
               jAlert('Email digitado é inválido.', 'Atenção');
               return false;
       }else if ($("#cArea").val().length != 3) || ($("#tele").val().length != 8){
               jAlert('Telefon digitado é inválido', 'Atenção');
               return false;
       }else if ($("#assunto").val() == ""){
               jAlert('Preencha o Assunto da sua Mensagem.', 'Atenção');
               return false;
       }else if ($("#msg").val() == ""){
               jAlert('Preencha o corpo da sua Mensagem.', 'Atenção');
               return false;
       }else{
               return true;
       }
   });
});

[William Bruno 1501]

erro de sintaxe com os parênteses:

 

	else if ( ($("#email").val().indexOf("@") < 1 ) || ($("#email").val().indexOf(".") <7) ){
	alert('Email digitado é inválido.');
	return false;
}
else if( ($("#cArea").val().length != 3) || ($("#tele").val().length != 8) )
{
	alert('Telefon digitado é inválido');
	return false;
}

para te ajudar no debug, tenha o costume de pressionar Ctrl+Shif+J no Firefox, qndo rodar teus códigos javascript/css

[saulo vinicius 0]

obrigado! :D

 

Usei o debug aqui, ajudou bastante mas ta dando um erro aqui e agora eu realmente nao sei o pq

 

"$ is not defined"

 

bem na linha do "$(document).ready(function() {"

ja chequei e esta digitado corretamente.

[William Bruno 1501]

Isso pode aparecer se você não tiver importado a lib jQuery.

[saulo vinicius 0]

eu havia chamado o js do jquery

nao sei pq estava dando, to começando tudo denovo e testando, até entao ta beleza

Muito obrigado, foi de grande ajuda mesmo sua explicação :D