兩個功能的Javascript按鈕。 提交和點擊

Question

我們正在嘗試將表單的提交按鈕鏈接為提交按鈕並使用以下 Javascript。

按鈕：

<button type="submit" id="btn_submit" class="button button--red">Sign Up</button>

當我們刪除要提交的 id="btn_submit" 時它起作用，但是當我們添加 id="btn_submit" 時它實現了 Javascript。 如何讓一個按鈕實現兩種功能？

Javascript（開始）：

$("#btn_submit").on('click', function() {

非常感謝！

Answer 1

$("#btn_submit").on('click', function(e) { 
e.preventDefault(); //prevent the form from submitting
//do your code here
$('form#myForm').submit(); //submit your form here

一種方法是在完成所有其他代碼后不要在按鈕單擊時提交表單，您可以手動提交表單

Answer 2

$("#btn_submit").on('click', function(e) {
    e.preventDefault();

    //do stuff

    $("#form").submit();
}

其中“#form”代表表單的 id。 因此，如果您的表單是“my_form”，則將上面的內容更改為 $("#my_form").submit();