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
}

Answer 2

有几个答案取决于你想要做什么。

如果您想简单地运行这两个函数而不返回任何内容，您可以简单地执行以下操作：

onsubmit="form_check(this); another_script(this);"

如果您想始终运行another_script但返回的值form_check，您可以执行以下操作：

onsubmit="another_script(this); return form_check(this);"

如果您只想在返回时运行（another_script如果两者都返回则返回 true ），您可以执行以下操作：form_checktrueform_checkanother_scripttrue

onsubmit="return form_check(this) && another_script(this);"

onsubmit但是，通常不鼓励在处理程序中放入过多代码。您应该在使用 DOM 或 jQuery 之后绑定事件处理程序。

Answer 3

这行得通吗？

onsubmit="another_script(this); return form_check(this);"

当然，使用不显眼的事件处理程序总是更好。

Answer 4

onsubmit="return ((form_check(this) + another_script(this))===2);"

演示小提琴