jQuery技术

用jquery来设置禁止form表单的重复提交

字号+ 作者:H5之家 来源:H5之家 2017-04-24 16:00 我要评论( )

用jquery来设置禁止form表单的重复提交

有时候可能因为网速或者鼠标的问题,我们在提交一个表单的时候会反应比较慢一些,这时有些客户就会乱点提交按钮,这样肯定是不行的,那么我们就要用代码来做一下限制了,

站长和大家分享一段代码,是用jquery来限制form表单的重复提交的,希望能帮到所有看到这篇文章的朋友们:

$(document).ready(function() { $('form').submit(function() {//当form表单提交时 if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {//如果from表单没有disabledonsubmit属性的值,表示尚未提交 jQuery.data(this, "disabledOnSubmit", { submited: true });//给from表单添加disabledonsubmit属性的值,这样第二次提交时就会被判断有值而不再提交了。 $('input[type=submit], input[type=button]', this).each(function() {//获取表单中所有的按钮,加上disabled属性,让按钮都不可用,这样也能阻止按钮的重复点击 $(this).attr("disabled", "disabled"); }); return true; } else { return false; } }); });

本文“用jquery来设置禁止form表单的重复提交”的内容摘要为:用jquery来设置禁止form表单的重复提交  由天使建站[]首发,转载请说明!

上一篇: jquery读取URL中的关键词

下一篇: QQ在线客服插件里显示“未启用”或者点击后提示需要添加好友才能对话的解决方法

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery中的100个技巧汇总

    jQuery中的100个技巧汇总

    2017-04-24 16:01

  • iso中Safari中使用jQuery的bind click 事件失效解决办法

    iso中Safari中使用jQuery的bind click 事件失效解决办法

    2017-04-24 12:04

  • jQuery、zepto、js常用小技巧

    jQuery、zepto、js常用小技巧

    2017-04-24 10:00

  • [jQuery插件] jQuery Color Animations颜色动画插件 WEB前端开发

    [jQuery插件] jQuery Color Animations颜色动画插件 WEB前端开发

    2017-04-23 17:01

网友点评