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和类：

const resultat = $("#resultat");
resultat
  .html('Bad ID or password !')
  .addClass("alert alert-danger")
  .fadeTo(3000, 0, () => {
    resultat
      .html('') // this line might not be needed
      .removeClass("alert alert-danger")
  });