第一次單擊按鈕時如何驗證字段？

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);
});

根據后代錯誤類等在錯誤類之間進行切換的位置