提交前如何做某事？

javascript jquery html

2022-08-30 02:05:32

我有一个表单，其中包含一个提交表单的按钮。在提交之前，我需要做一些事情。我尝试在该按钮上执行onClick，但它发生在提交后。

我不能共享代码，但是，一般来说，我应该在jQuery或JS中做什么来处理这个问题？

答案 1

如果您有这样的表格：

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

在提交表单之前，您可以使用以下 jQuery 代码执行某些操作：

$('#myform').submit(function() {
    // DO STUFF...
    return true; // return false to cancel form action
});

更新;对于较新的 JQuery 版本（为避免出现弃用警告），请尝试：

$('#myform').on('submit', function() {

    // ...

    return true;
});

答案 2

假设你有这样的表单：

<form id="myForm" action="foo.php" method="post">
   <input type="text" value="" />
   <input type="submit" value="submit form" />

</form>

你可以用jQuery附加一个-event，如下所示：onsubmit

$('#myForm').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

如果表单在函数后不会提交，则返回 true 或不返回任何内容，它将照常提交。return false

有关详细信息，请参阅 jQuery 文档。