在提交之前如何做一些事情？

Question

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

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

原文由 Jimmy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 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;
});

原文由 Dan Breen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在提交表单之前，您可以使用 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();" />

原文由 James Johnson 发布，翻译遵循 CC BY-SA 3.0 许可协议