如何在提交之前做点什么？

Question

我有一个表单,其中有一个提交表单的按钮.提交之前我需要做点什么.我试图做的onClick该按钮,但提交后它发生.

我不能共享代码,但一般来说,我应该怎么做jQuery或JS来处理这个？

Answer 1

如果您有这样的表格:

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

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

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

Answer 2

假设你有一个这样的表格:

<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文档.

Answer 3

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();" />

Answer 4

形式：

<form id="formId" action="/" method="POST" onsubmit="prepareForm()">
   <input type="text" value="" />
   <input type="submit" value="Submit" />
</form>

JavaScript 文件：

function prepareForm(event) {
  event.preventDefault();
  // Do something you need
  document.getElementById("formId").requestSubmit();
}

注意：如果你支持 Safari（你可能是这样），你需要引入一个polyfillrequestSubmit()

Answer 5

确保提交按钮不是“提交”类型，将其设为按钮。然后使用onclick事件来触发一些javascript。在实际发布数据之前，您可以在那里做任何您想做的事情。