Kiểm tra trực tiếp tính khả dụng của AJAX với nút gửi

Thay vì sử dụng trình xử lý nhấp chuột cho nút, hãy sử dụng sự kiện gửi biểu mẫu.

$(document).ready(function () {
    $('#username').change(function () {
        var userName = $('#username').val();

        $.post("getUserName.php", {
            userName: userName
        }, function (data) {
            $("#userNameCheck").html(data);
        });
    });

    $('#addform').submit(function () {
        //if the text is `You can use it` allow the form submit else block it
        return $("#userNameCheck").html().trim() == 'You can use it';
    });
});

Đồng thời đảm bảo rằng bạn thực hiện xác thực tương tự trong test2.php bởi vì, xác thực phía máy khách có thể được thực hiện theo từng bước.