javascript - 如何在表单提交时触发两个函数？

Question

我有一个表单，当提交表单时，我将调用一个 JavaScript 函数并将其操作到表单处理程序。

<form action="subscribe.php" onsubmit="return form_check(this)" method="post">
<input type="text" value="">
<input type="submit" value="click">
</form>

一切正常，现在我想将相同的表单字段发送到另一个 JavaScript 函数，所以我在提交代码上尝试了这样的操作

    <form action="subscribe.php" 
onsubmit="return (form_check(this) & another_script(this))" method="post">

在onsubmit中添加了&，但单击按钮时该功能未触发。我认为这是由于表单中的 action="subscribe.php" 造成的。

我也想将表单值发送到另一个 JavaScript 函数。我怎样才能实现这个目标？

Answer 1

使用 jQuery，您可以捕获表单提交。当用户尝试提交表单时，submit 事件会发送到元素。

HTML

<form id="myForm">...</form>

jQuery

$("#myForm").submit(function(event){
  event.preventDefault();

  var this = something;

  myFunctionA(this);
  myFunctionB(this);
});

var myFunctionA = function(this){
  // Function operation
}

var myFunctionB = function(this){
  // Function operation
}