`
lizhuang
  • 浏览: 903700 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery防止重复提交

阅读更多

用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>

 

这个只对点按钮的人有用,如果用F5,一样崩溃。

个人采用的方法是在session中存取,转回采用重定向回本页面,并在页面最后清除页面的表示提交成功的session变量。

Servlet

session.setAttribute

JSP

<c:remove

分享到:
评论

相关推荐

    防止Layui form表单重复提交的实现方法

    下面详细解释几种防止Layui表单重复提交的方法。 首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交,可以在标签中使用onsubmit="return false;"属性。这个属性的作用是在表单提交时返回false,阻止...

    jquery 防止表单重复提交代码

    我的解决办法如下(只针对客户端): 用户点击提交按钮后给按钮添加disabled属性 代码如下:$(“input:submit”).each(function() { var srcclick = $(this).attr(“onclick”); if(typeof(srcclick)==”function”){...

    jQuery的 $.ajax防止重复提交的两种方法(推荐)

    下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1、第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $....

    【原创】jSubmitLoading防止重复提交 v1.0

    作用是禁用提交按钮,防止表单重复提交 1、禁用/启用按钮 $("#btnSub").subLoading({enabled:false}) $("#btnSub").subLoading({enabled:true}) 2、禁用后定时启用 $("#btnSub").subLoading({enabled:false,timeout:...

    jQuery实现防止提交按钮被双击的方法

    总结来说,使用jQuery防止提交按钮双击的核心在于合理利用`.one()`事件监听器的自动解绑机制,结合`preventDefault()`和`prop()`方法,从而实现防止表单重复提交的目的。这些技巧不仅在单个按钮的场景中适用,也可以...

    jQuery如何防止Ajax重复提交

    总结来说,防止jQuery Ajax重复提交的核心在于: 1. 使用`$.ajaxPrefilter`设置全局过滤器,监控每个Ajax请求。 2. 创建一个对象`pendingRequests`来存储正在执行的请求。 3. 检查新请求是否已存在于`...

    Jquery Validation插件防止重复提交表单的解决方法

    由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给...

    struts2中防止重复提交的方法

    在Struts2框架中,防止重复提交是一个重要的安全性考量,因为重复提交可能导致数据不一致性和资源浪费。在上述描述中,给出了三种主要方法来解决这个问题: 1) **使用 `&lt;s:token&gt;` 标签** Struts2 提供了一个称为 ...

    自定义标签防止表单重复提交

    本文将深入探讨如何通过自定义标签来防止表单的重复提交,以确保数据的一致性和系统的稳定性。 首先,理解表单重复提交的问题。当用户点击提交按钮时,如果网络连接不稳定或者用户快速多次点击,可能会导致同一份...

    图片点击放大缩小遮罩层以及 ajax加载中防止重复提交加载遮罩层

    图片的放大缩小功能可以提升用户查看图片的体验,而防止重复提交的机制则能确保数据的安全性和一致性。在"demo"文件中,你可以找到具体的实现代码,通过学习和理解这些代码,你可以更好地掌握这些技巧,并应用到自己...

    几种防止表单重复提交的方法

    几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...

    ThinkPHP防止重复提交表单的方法实例分析

    本文将详细讲解如何在ThinkPHP框架中防止表单重复提交,通过实例分析提供三种有效的方法。 1. **页面重定向**: 当用户成功提交表单后,不返回当前页面,而是通过服务器端的重定向(Redirect)技术跳转到其他页面...

    jquery提交form表单时禁止重复提交的方法

    因此,我们需要通过编程手段来防止表单的重复提交。 使用jQuery可以方便地操作DOM以及处理事件,它提供了一种简单的方法来阻止表单在一次提交之后的再次提交。具体的做法通常包括以下几种: 1. 利用HTML表单自带的...

    JS Ajax请求如何防止重复提交

    JS Ajax请求防止重复提交知识点: 1. 问题背景与重要性: 在Web开发中,用户在表单提交的过程中,可能会因为某些原因(如网络延迟)多次点击提交按钮,导致后端服务器接收并处理了多次相同的请求。这种情况下,就...

    php 防止表单重复提交两种实现方法

    在某些情况下,前端解决方案可能不足以防止重复提交,特别是当使用了某些插件或库,如jQuery Validate Engine,使得无法在前端设置状态。这时,可以依赖服务器端(PHP)进行控制。 PHP可以通过检查session变量来...

    遮罩层方法(jquery)

    在本例中,我们将探讨如何使用jQuery来实现这样一个遮罩层,特别关注其在防止按钮重复提交和表单重复提交中的应用。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在...

    前端防止用户重复提交js实现代码示例

    本文将探讨如何使用JavaScript,特别是jQuery库,来实现前端防止用户重复提交的功能。 首先,我们来分析两种主要的提交方式:异步提交(使用jQuery的`$.ajax()`)和同步提交(通过HTML表单)。对于异步提交,jQuery...

Global site tag (gtag.js) - Google Analytics