Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde,
eu tenho 10 campos inputs do tipo "text" um desses campos deve ter o preenchimento obrigatório, independente de qual seja.
Como posso fazer esse tipo de validação?
Segue:
<form id="form" action="" method="post" name="form">
<input type="text" id="nome" name="nome" class="verificar" />
<br /><br />
<input type="text" id="sobrenome" name="sobrenome" class="verificar" />
<br /><br />
<input type="submit" id="salvar" value="Enviar" />
</form>
$("#salvar").click(function(e){
e.preventDefault();
var nm_class = 'verificar';
var error = false;
inputs = $("form").find('INPUT[class*="' + nm_class + '"]');
$.each(inputs, function(i, value) {
if(inputs[i].value == ''){
$(this).addClass( "erro" );
error = true;
}
});
if(error)
return false;
else{
//$.ajax
alert("funcionou");
}
});
$('input[type="text"]').focus(function(){
// Verifica se tem a classe erro e não continua se não houver
if ($(this).hasClass('erro')) {
$(this).removeClass('erro');
}
// Verifica se o input tem valor e se houver remove a class erro
if ($(this).val()) {
$(this).removeClass('erro');
}
})
$('input[type="text"]').blur(function(){
// Verifica se o input tem valor e se houver remove a class erro
if (!$(this).val()) {
$(this).addClass('erro');
}
})
.erro{
border:2px solid #bf1e2c;
}
Amigo o ALERT é so para vc saber que esta funcionando...não esqueça de chamar o JQUERY padrão.
[]
Bello
ou usando o operador lógico OU
ou com um loop por todos os 10 campos, se qualquer um estiver preenchido, vc para o loop e diz q está tudo certo. Mas se chegar ao final do loop sem alertar nada, ai vc sabe q estão todos vazios.