Submitボタンを実行する2つの異なる操作

Question

Submitのログインページに次のコードがあります。

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

問題は別の送信ボタンがあり、このボタンもクリックすると表示されます。どうすればこの問題を解決できますか？

このポップアップを表示するには1つの送信を、このポップアップを表示せずにアプリケーションにログインするにはもう1つの送信ボタンを必要とします。

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を使用し、fromを送信する関数を呼び出します。 formタグを使用すると、すべてのフォーム要素

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

}