html - JQuery 登录错误消息仅有效一次

Question

我有一个登录表单，当 ID 或密码错误时会显示错误消息。它可以工作，但如果用户多次输入错误的 ID 或登录信息，则该消息仅打印一次。如何修复它？这是我的 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>