js验证仅运行一次

Question

我的下面的代码存在问题，如果我在其中输入无效的电子邮件地址，它将在第一次正确显示signUpWarning警报，但是如果我关闭该框并尝试使用相同的无效电子邮件，它将不会弹出。 有任何想法吗？

    $(document).ready(function() {

    //if submit button is clicked
    $('#submit_btn').click(function(e) {
        e.preventDefault();
        var email = $('#email').val();
        if (!is_valid_email(email)){
            $("#signUpWarning").show();
        }else{

            $.ajax({
                url: "process.php",
                type: "post",
                data: "email=" + email,
                success: function() {
                    $("#signUpWarning").hide();
                    $("#signUpAlert").show();
                }
            });
        }
    });
});

function is_valid_email (email)
{
    return /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email);
}

警报框的代码是：

  <div class="alert alert-block alert-error hide" id="signUpWarning"><!--Use: $("#signUpWarning").show(); to show this alert-->
    <a class="close" data-dismiss="alert">×</a>
    <h5 class="alert-heading">Sorry!</h5>&nbsp;Your e-mail address was not valid, please try again.
  </div>

Answer 1

关闭警报时，请检查是否没有从DOM中删除元素。

console.log($("#signUpWarning")); 在$("#signUpWarning").show(); 应该有助于确定是否正在发生这种情况。