ajax - AJAX 开始改变工作

Question

我已经设置了一个表单，用户可以通过输入他们的姓名、电子邮件和评论来发表评论。

一旦用户离开#name字段，我想对输入进行验证，但我无法让它工作，请帮忙。

$(document).ready(function() {

$('#name').on("change", function () {

    var name = $('input[name=name]');

    if (name.val()=='') { //A regex check will be added later on to check for invalid caracters
        name.addClass('hightlight');
        $('#name_error').show();
        var error = true;
    } else {
        name.removeClass('hightlight');
        $('#name_error').hide();
    }

    if ($(error).length) {
        return false;
    }
});
});

Answer 1

$('#name').focusout(function() {
    //code
});

Answer 2

如果您希望它在休假时触发，则可以使用：

$('#name').blur(function() {
//your code

}

参考这里：http ://api.jquery.com/blur/

如果您想在更改时触发：

$('#name').change(function() {
//your code

}

参考这里：http ://api.jquery.com/change/

Answer 3

您可以使用 focusout 而不是 change

$(document).ready(function () {
        $('#name').focusout(function () {
            var name = $('input[name=name]');
            if (name.val() == '') { //A regex check will be added later on to check for invalid caracters
                name.addClass('hightlight');
                $('#name_error').show();
                var error = true;
            } else {
                name.removeClass('hightlight');
                $('#name_error').hide();
            }

            if ($(error).length) {
                return false;
            }
        });
    });