Bom dia,
Estou tentando realizar a validação individual de cada input em meu formulário, com o seguinte código.
function camposObrigatorios() {
$("input:required, select:required, textarea:required").each(function(index, value){
$(this).parent().find("label.control-label:first").append('<span class="text-danger"> *</span>');
});
}
function addErro(campo) {
campo.parents("div.form-group").removeClass('has-success').addClass('has-error');
campo.focus();
}
function addSuccess(campo) {
campo.parents("div.form-group").removeClass('has-error').addClass('has-success');
campo.focus();
}
var $els = $('#valornf,#nummigo');
if ($els.val() == '') {
addErro($els);
}else{
addSuccess($els);
}
$(document).ready(function(){
var $els = $('#valornf,#nummigo');
$els.change(function(){
var $els = $('#valornf,#nummigo');
$els.each(function(){
if ($els.val() == '') {
addErro($els);
}else{
addSuccess($els);
}
});
});
});
Porém estou com um problema, toda vez que o primeiro campo é preenchido corretamente, adicionando o "has-success" como classe, o segundo campo, mesmo sem nada preenchido também fica com a classe "has-success".
Qualquer dúvida estou à disposição.