啟用JavaScript / jQuery回調（“提交”）

Question

有人可以告訴我為什么這個腳本不起作用。

我希望在“提交表單”之前發出“我剛提交表單”的警報。 所以我使用了回調，但是它仍然跳過提交。

function formSubmit(callback) {
    $("form").on("submit", function(e){
        e.preventDefault();
        alert("I just submitted the form.");
    });
    callback();
}

formSubmit( function() {
    alert("The form submitted.");
});

的HTML

<body>
    <form>
        <input type="submit"/>
    </form>
</body>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="js/forTesting.js"></script>

Answer 1

您必須在jQuery事件處理函數中運行callback函數（ on的第二個參數。否則， callback將僅在formSubmit內立即執行，但alert("I just submitted the form.");僅將執行一次formSubmit事件發生。

function formSubmit(callback) {
    $("form").on("submit", function(e){
        e.preventDefault();
        alert("I just submitted the form.");
        callback();
    });
}

formSubmit( function() {
    alert("The form submitted.");
});

Answer 2

您需要在警報之后而不是在綁定submit處理程序之后調用回調。

function formSubmit(callback) {
    $("form").on("submit", function(e){
        e.preventDefault();
        alert("I just submitted the form.");
        callback();
    });   
}

啟用JavaScript / jQuery回調（“提交”）

問題描述

2 個解決方案

解決方案1
1 已采納 2015-10-12 20:59:25

解決方案2
1 2015-10-12 20:59:42

啟用JavaScript / jQuery回調（“提交”）

問題描述

2 個解決方案

解決方案1 1 已采納 2015-10-12 20:59:25

解決方案2 1 2015-10-12 20:59:42

解決方案1
1 已采納 2015-10-12 20:59:25

解決方案2
1 2015-10-12 20:59:42