第一次单击按钮时如何验证字段？

Question

当我第二次单击按钮时，将进行领域教育和道德教育的验证。

我希望在第一次单击按钮时进行验证。

我有以下代码：

$('body').on('change', '#education', function(){
    if( !$("#education").val() ) {
        $(this).closest('.form-group').addClass('has-error');   
    }else{
        $(this).closest('.form-group').removeClass('has-error');
    }
});

$('body').on('change', '#moraleducation', function(){
    if( !$("#moraleducation").val() ) { 
        $(this).closest('.form-group').addClass('has-error');
    }else{
        $(this).closest('.form-group').removeClass('has-error');
    }
});

//education
$('body').on('click', '#update', function(){
    if($("body #education").hasClass('parsley-error')){
        $("body #education").closest('.form-group').addClass('has-error');
    }  
});

//moraleducation
$('body').on('click', '#update', function(){
    if($("#moraleducation").hasClass('parsley-error')){
        $("#moraleducation").closest('.form-group').addClass('has-error');
    }   
});

Answer 1

单击控制台控制台，单击时查看是否有错误。 您其余的代码是什么样的？ 可能是您放置函数的顺序。

Answer 2

我会加一个疯狂的猜测，说你可能想要这个

$(document).on('click', '#update', function() {
    var edu_err = $('#education').hasClass('parsley-error');
    var mor_err = $('#moraleducation').hasClass('parsley-error');

    $('#education').closest('.form-group').toggleClass('has-error', !edu_err);
    $('#moraleducation').closest('.form-group').toggleClass('has-error', !mor_err);
});

根据后代错误类等在错误类之间进行切换的位置