JQuery сообщение об ошибке входа работает только один раз

Question

У меня есть форма входа в систему, в которой отображается сообщение об ошибке при неправильном идентификаторе или пароле. Это работает, но если пользователь несколько раз вводит неверный идентификатор или логин, сообщение печатается только один раз. Как это исправить? Это мой JS скрипт:

<script type="text/javascript">
$(document).ready(function() {
    $("#buttonConnection").click(function(e) {
        e.preventDefault();
        $.post(
            'mypost.php',
            {
                myID: $("#myID").val(),
                myPassword: $("#myPassword").val()
            },
            function(data) {
                if (data == 'Success') {
                    document.location.href = "dashboard.php"
                } else {
                    $("#resultat").html('Bad ID or password !');
                    $("#resultat").addClass("alert alert-danger").fadeTo(3000, 0);
                }
            },
            'text'
        );
    });
});
</script>

Answer 1

После завершения затухания используйте обратный вызов, который сбрасывает resultat HTML и классы:

<script type="text/javascript">
$(document).ready(function() {
    $("#buttonConnection").click(function(e) {
        e.preventDefault();
        $.post(
            'mypost.php',
            {
                myID: $("#myID").val(),
                myPassword: $("#myPassword").val()
            },
            function(data) {
                if (data == 'Success') {
                    document.location.href = "dashboard.php"
                } else {
                    $("#resultat").html('ID or password incorrect !').addClass("alert alert-danger").fadeTo(3000, 0, function() {
                        $(this).html('').removeClass("alert alert-danger").fadeTo(0, 1);
                    });
                }
            },
            'text'
        );
    });
});
</script>