提交表單時未調用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() 。 目的是防止表單提交並在滿足特定條件時顯示錯誤消息，但是我的問題是，為什么當單擊<input type="submit" />時不.submit() ？

Answer 1

您需要從回調函數中捕獲event 。

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

Answer 2

您的代碼中有語法錯誤，需要關閉准備就緒的文檔。

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

https://jsfiddle.net/h19bk8ft/2/