Versão atual:

Validação Input Formulario

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.

Versão (1):

Ver a versão formatada

Validação Input Formulario

Comentário

new question