2016-10-03 74 views
0

我在提交的登錄頁面上有以下代碼。提交按鈕以執行兩個不同的操作

$("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); 
}); 

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

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

+0

的提交功能,你可以請張貼相關的代碼? – Chetan

+0

將函數綁定到按鈕的單擊事件,而不是表單提交 – DarkBee

回答

-1

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

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

而且你的HTML表單:

<form id="form-id"> 
+0

@Rax ...在這裏找到我的html代碼... https://jsfiddle.net/ur974nex/..... 應該是什麼形式ID ...我嘗試了各種選擇,但沒有得到所需的輸出... –

+0

你使用什麼框架? –

+0

@ Rax.sorry愚蠢的問題..我應該把這個在我的代碼....

1

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

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

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

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

0

使用單獨的按鈕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); 
}); 

}

相關問題