AJAX-Live-Überprüfung der Verfügbarkeit mit der Schaltfläche „Senden“.

Anstatt einen Klick-Handler für die Schaltfläche zu verwenden, verwenden Sie das Form-Submit-Ereignis.

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

Stellen Sie außerdem sicher, dass Sie dieselbe Validierung in test2.php durchführen da die Client-seitige Validierung umgangen werden kann.