jQuery防止重复提交

最新推荐文章于 2024-06-28 17:02:49 发布

lisiben

最新推荐文章于 2024-06-28 17:02:49 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery JavaScript JSP Servlet C ViewUI

本文链接：https://blog.youkuaiyun.com/lisiben/article/details/83943230

本文介绍了一种使用jQuery阻止用户重复提交表单的方法。通过为提交按钮添加disabled属性来禁用再次点击，防止重复提交。此外，还提到了一种利用session进行重定向的方式，以进一步确保表单提交的一致性和安全性。

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

用jquery实现防止用户重复提交表单的方法:
防止用户重复提交表单已经一个开发者经常会遇到的问题,解决的方法也有很多种,有客户端的,有服务器端的.之前我们也有几篇文章是讲防止用户重复提交表单的方法:

本文主要讲解用jquery的方法防止重复提交表单.
实现思想:当用户点击提交按钮后将按钮添加disabled属性,禁止点击. <script type="text/javascript">
$("input:submit").each(function() {
var srcclick = $(this).attr("onclick");
if(typeof(srcclick)=="function"){
$(this).click(function() {
if (srcclick()) {
setdisabled(this);
return true;
}
return false;
});}
});
function setdisabled(obj) {
setTimeout(function() { obj.disabled = true; }, 100);
}
</script>