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

您可以使用焦点而不是更改

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

AJAX开始改变工作

3 个答案: