AJAX 调用只工作一次

Question

我正在使用 AJAX 来检查用户输入 id 是否在数据库中，如果存在则显示复选标记，如果没有显示交叉标记。

当我第一次输入数据库中的 id 时，它可以正常工作，如果我输入错误的 id，它会显示叉号，但是当我将错误的 id 更改为新的正确 id 时，复选标记不会出现.

jQuery(document).on("blur", '.iboxwrap input', function() {
    var value = jQuery(this).val();
    var crntEle = jQuery(this);
    var dateValve = jQuery("#paperpublishdate").val();
    if (value) {
        //alert(value);
        jQuery.ajax({
            type: 'POST',
            url: "<?php echo get_home_url(); ?>/wp-admin/admin-ajax.php",
            data: {
                action: 'checkwithDBlist',
                thedate: dateValve,
                theid: value
            },
            success: function(response) {
                if (response == 'Maching') {
                    jQuery(crntEle).closest('.iboxwrap').children("span").children("i").addClass('fa-check');
                } else if (response == 'Sorry') {
                    jQuery(crntEle).closest('.iboxwrap').children("span").children("i").addClass('fa-times');
                }
            },
            error: function(errorThrown) {
                alert("There was an Error in ID verification. Pleae manually check the IDs and continue");
            }
        });
    }
});

Answer 1

尝试删除之前的类：

 if (response == 'Maching') {
                    jQuery(crntEle).closest('.iboxwrap').children("span").children("i").removeClass('fa-times').addClass('fa-check');
                } else if (response == 'Sorry') {
                    jQuery(crntEle).closest('.iboxwrap').children("span").children("i").removeClass('fa-check').addClass('fa-times');
                }

Answer 2

你可以试试 jQuery(document).on("change", '.iboxwrap input', function() {....}