提交前该如何做？[关闭]

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

我不能共享代码，但是通常来说，我应该在jQuery或JS中做什么来处理呢？

如果您有这样的表格：

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

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

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

假设您具有这样的形式：

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

</form>

您可以onsubmit使用jQuery 附加-event，如下所示：

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

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

有关更多信息，请参见jQuery文档。

您可以onclick在提交如下形式的表单之前运行一些JavaScript或jQuery代码：

<script type="text/javascript">
    beforeSubmit = function(){
        if (1 == 1){
            //your before submit logic
        }        
        $("#formid").submit();            
    }
</script>
<input type="button" value="Click" onclick="beforeSubmit();" />

确保提交按钮的类型不是“ submit”，将其设置为按钮。然后使用onclick事件触发一些JavaScript。在实际发布数据之前，您可以在该处执行任何操作。