ajax - AJAXがonChangeを機能させる

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

変更の代わりに focusout を使用できます

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