`

JQuery防止重复提交

阅读更多
JQuery防止重复提交

 $(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else
    {
      return false;
    }
  });
});
分享到:
评论

相关推荐

    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如何防止Ajax重复提交

    重复提交给网站服务端带来很大的压力,下面小编给大家分享一段代码关于jQuery如何防止Ajax重复提交,感兴趣的朋友一起看看吧

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

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

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

    主要介绍了jQuery实现防止提交按钮被双击的方法,涉及jQuery针对鼠标按键的操作技巧以及preventDefault方法对元素默认行为的修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jquery-showloading遮罩层-防重复提交

    一款简单易用的jquery插件showLoading,可以有效防止页面重复提交问题,注意,使用的时候如果涉及到ajax,要将asyc设为true,否则不生效

    jquery 防止表单重复提交代码

    网站中防止表单重复提交是一个比较普遍的需求,先看原理实现方法也有很多。

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

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

    遮罩层方法(jquery)

    jquery 遮罩代码, 用jquery写的目的是防止按钮重复提交,防止表单重复提交

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

    前端在向后端进行数据提交的时候,通常会需要在第一次提交返回前,阻止用户在快速点击发送二次请求,即防止重复提交,最简单的方法是使用标志参数或者 class 元素控制,但缺点是,每个控制重复提交的地方都需要加上...

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

    php 防止表单重复提交 由于网络原因,经常出来点了提交按钮,网页没有反应,而进行再次点击。这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一:...

    jQuery 防止相同的事件快速重复触发方法

    重复触发就是防止用户重复点击提交数据了,我们一般都是点击之后没反应会再次点击了,这个不但要从用户体验上来做好,还在要js或php程序脚本上做好,让用户知道点击是己提交服务器正在处理,下面我就整理从脚本上来...

    防止用户将表单重复提交的方法汇总

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

    jquery-prevent-double-submit:防止双重提交 jQuery 插件

    防止双重提交 jQuery 插件 概括 这个插件的目的是通过只允许表单提交一次来防止重复的表单提交。

    超实用的jQuery代码段

    2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否...

    jquery.debounceSubmit:阻止双击多次提交表单的 jQuery 插件

    描述提交表单后,此插件将禁用它 750 毫秒以防止重复提交表单。 等待 750 毫秒后,表单将重新启用(如果有人使用“Esc”来阻止表单提交,这一点很重要)示例用法 $('form').debounceSubmit(); // Applies to all ...

    jQuery前端框架easyui使用Dialog时bug处理

    本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下

Global site tag (gtag.js) - Google Analytics