表单提交时不调用jQuery .submit()

Question

我简化了我的代码以减少无关的信息,但我在减少代码方面遇到的问题与更复杂的版本相同.我有一个这样的表格:

<form id="password_reset_form" action="script_reset_password.php" method="POST">
    <input type="submit" value="Set Password" class="button-inactive" />
</form>

和jQuery代码是这样的:

<script type="text/javascript">
    $(document).ready(function(){
        $("#password_reset_form").submit(function(){
            alert("form submit attempted");
            event.preventDefault();
        }
    });
</script>

但是jQuery .submit()没有被调用.目标是阻止表单提交并在满足特定条件时显示错误消息,但我的问题是,为何.submit()在<input type="submit" />单击时不调用？

Answer 1

您需要event在回调函数中捕获from.

$(document).ready(function(){
    $("#password_reset_form").submit(function(e){
        alert("form submit attempted");
        e.preventDefault();
    });
});