提交按鈕以執行兩個不同的操作

Question

我在提交的登錄頁面上有以下代碼。

$("form").submit(function() 
{setTimeout(function(){ 
alert("Thank you for requesting an account. Once your request is reviewed by an administrator, you will receive an email with your login credentials."); location.reload(); 
submit = true;}, 3000); 
}); 

問題是我有另一個提交按鈕，並且這個消息彈出單擊該按鈕以及。我怎樣才能解決這個問題？

我想要一個提交顯示此彈出窗口和另一個提交按鈕登錄到應用程序，而不顯示此彈出窗口。

Answer 1

您不能使用$("form")，因爲它將匹配所有表單元素。 您應該爲表單分配一個ID或類屬性，以便僅匹配那些特定元素。

$("#form-id").submit(function() ... 
    ^^^^^^^^ 

而且你的HTML表單：

<form id="form-id"> 

Answer 2

而是在提交表單的做警戒這樣做對按鈕的點擊，然後調用提交。

$("#firstButton").click(function() { 
alert('whatever'); 
    $("#form_id").submit(); 
}); 

$("#secondButton").click(function() { 
    $("#form_id").submit(); 
}); 

另外，要防止表單中的按鈕自動提交，請將其類型從type =「submit」更改爲type =「button」。這樣他們不會自動觸發提交。相反，您只會在您的點擊功能中明確觸發提交。

Answer 3

使用單獨的按鈕ID並調用函數來提交。還提供了形式獨特的ID，因爲使用表單標籤將觸發所有的表單元素

$('#buttonid').click(function(e){ 
    e.preventDefault(); 
    submitFunction(); }); // the function to submit the from with id #formID 

function submitFunction(){ 
$("#formID").submit(function() 
{setTimeout(function(){ 
alert("Thank you for requesting an account. Once your request is reviewed by an administrator, you will receive an email with your login credentials."); location.reload(); 
submit = true;}, 3000); 
}); 

}