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

而不是在表单提交时执行警告，而不是单击按钮，然后调用提交。

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

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

另外，为防止表单中的按钮自动提交，请将其类型从type =“submit”更改为type =“button”。这样他们就不会自动触发提交。相反，您只会在点击功能中明确触发提交。

Answer 2

使用单独的按钮ID并调用函数来提交from。还为表单提供唯一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);
});

}

Answer 3

您不得使用$("form")，因为它会匹配所有表单元素。您应该为表单分配ID或类属性，以便仅匹配这些特定元素。

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

您的HTML表单：

<form id="form-id">

提交按钮以执行两个不同的操作

3 个答案: