Validação com Each

[Bru_ce 53]

Boa Tarde Senhores

 

Estou tentando fazer uma validação com jQuery.

Quando o usuário da um submit, ele chama a função para Each para verificar todos inputs,

Ele verifica, e faz o que peço, porém que gostaria que ele parasse e não fosse enviado para o action do form.

 

Já coloquei um return false no final da função, ai ele funciona.

Caso eu colocar assim ele não envia:

 

$("#formulario input:text").each(function() {
var campo = $(this).val();
if(campo == ''){
	$(this).css('border','1px solid red');
}
else {
	$(this).css('border','none');
}
});
return false
});
});

 

Caso eu coloque assim da erro

 

$("#formulario input:text").each(function() {
var campo = $(this).val();
if(campo == ''){
	$(this).css('border','1px solid red');
       return false
}
else {
	$(this).css('border','none');
}
});
});
});

[William Bruno 1501]

você deve disparar no evento onsubmit da tag form. Ai o return false funcionará.

[Bru_ce 53]

Você sempre me salvando em William, kk !

Acho que já perguntei para você cara, mais ai vai.

 

Estou fazendo o formulário com tabelas, pois são muitos dados.

Gostaria que quando o campo não estivesse preenchido, ele colocasse uma borda que nem no exemplo acima.

Sabe de algum plugin ? vlw mano !

[William Bruno 1501]

o jquery.validate faz isso.

 

Ele coloca uma class. Ai você estiliza essa class e coloca a borda que você quer no teu css.

[Bru_ce 53]

Entendi, mais acho que expliquei errado.

 

 

vamos supor, vários radio buttons estarão em uma linha (TR).

Gostaria que quando algum radio não fosse preenchido essa linha ficasse destacada.

 

Pensei em dar uma class para cada radio, essa linha iria ter a mesma estrutura, por exemplo

 

 

<table>
<tr id="linha">
<td>
<input type="radio" name="esporte" value="futebol" class="pergunta1">
<input type="radio" name="volei" value="volei" class="pergunta1">
<input type="radio" name="basquete" value="basquete" class="pergunta1">
</td>
</tr>
</table>

 

Ai quando algum item não fosse preenchido eu pegaria o nome da classe que não foi preenchida,

pegaria o numero que ela tem, e concatenaria com o valor linha, ou seja ficaria assim -> linha1

Logo, eu estilizaria com css ..

O que acha ?