提交表单之前该怎么做？

Question

例如，我有一个带有多个输入按钮的 HTML 表单，

 <form action="/index.php" method="post">
 <input type="hidden" name="hf" />
 <input type="submit" id="apply_action" name="action" value="Apply">
 <input type="submit" id="cancel_action" name="action" value="Cancel">

它是一个大型 Web 项目的当前框架。一旦点击“提交”按钮“应用”，它将映射到Web服务器上的特定PHP函数，然后返回特定的HTML代码；当然，一旦点击“取消”，它将映射到另一个 PHP 函数。

现在，我想在单击“应用”时在原始提交操作之前添加一些内容。例如：我想在原始提交操作发送到服务器之前添加一个 javascript 警报（“hello”）？我不知道如何用 Jquery 实现这一点？首先，这个表单有两个提交动作，value='Apply'或'Cancel'，我需要区分动作； 其次，在alert('hello')之后，我仍然需要执行原始表单action='index.php'。 有没有用于此目的的 jquery 函数？谢谢！

Answer 1

听起来您希望将一个函数绑定到表单的 submit 事件。请参阅 http://api.jquery.com/submit/

为了满足您的请求，这应该可以工作：

$('form').submit(function(){
  alert('hello');
  return true;
  });

附录：

好的，由于您有两个提交按钮，因此您需要使用 click 事件。

$(document).ready(function(){
  $('input').click(function(ev){
   alert(ev.target.id);//this is how you will differentiate between the two buttons.
      //or, you could bind a separate click event to each one
   if(ev.target.id=="cancel_action"){ /* etc.. */ }
   else{ /* etc.. */ }
   });
 });

无论采用哪种方法，表单都将在单击后提交。正如 Francisco Soto 所指出的，返回 false 将阻止通过任一方法提交。返回 true（或不指定返回值）将继续表单提交。

Answer 2

您应该对按钮使用 .click() 方法。

$('#apply_action').click(
   function(){
    // do your stuff here..
   }
);