翻页表单重复提交问题

风少年~

于 2021-02-19 18:32:21 发布

阅读量192

点赞数

分类专栏：技巧篇 demo

本文链接：https://blog.csdn.net/albg_boy/article/details/113869728

版权

demo 同时被 2 个专栏收录

36 篇文章

订阅专栏

技巧篇

8 篇文章

订阅专栏

"本文探讨了在网页中存在多个表单时，如何避免使用 jQuery 的 `$("form").submit();` 导致所有表单被提交的问题。通过移除 form 的 action 属性，并在提交后恢复，可以确保只有指定的表单被提交。示例代码展示了如何遍历并提交特定 ID 的表单，从而提高表单操作的精确性。"

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

一个页面中包含了两个表单，其中 js 中有 $("form").submit(); ，那么导致表单翻页就提交所有表单。

解决办法：

将form中的action拿掉，在点击提交按钮时动态添加action，再表单提交完成后也去掉action，这样 $("form").submit(); 就无法提交没有action的表单了。

代码：

$("#uploadExcel").attr("action", "/batchAdd");
$("#uploadExcel").submit(); 
$("#uploadExcel").removeAttr("action");

上面例子是错误的，哈哈哈，需要如下改造：

$("form").each(function (index,item){
    if(item.id !=='uploadExcel'){
        item.submit();
    }
});

$("form") 获取了所有的表单，而我们应该移除不用的表单。

翻页 表单重复提交问题

翻页表单重复提交问题