jquery设置按钮不可点击防止重复提交数据

 
更多

web开发中少不了要做表单交互的东西,实际中存在这么一个bug,当你填完form表单完后,点击提交按钮,如果网站反映过慢,页面半天没跳转,就可以不停的点击提交按钮,导致数据不停的重复被提交,这个概率虽不大却不容忽视,下面作者就分享一下如何防止重复提交的办法。

简单来说在客户端做一下处理就可以了,即当用户点击完提交按钮后,如果一切数据通过验证并合格后,就可以提交数据同时将按钮设置为不可点击状态。

jquery设置按钮不可点击的代码(设置id=phpernote的按钮不可点击):

$("#phpernote").attr("disabled",true);

或者

$("#phpernote").attr("disabled","disabled");

javascript设置按钮不可点击的代码(设置id=phpernote的按钮不可点击):

<input onclick="document.getElementById('phpernote').setAttribute('disabled',true);" type="button" id="phpernote" value="提交" />
打赏

本文固定链接: https://www.cxy163.net/archives/3837 | 绝缘体

该日志由 绝缘体.. 于 2014年03月31日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery设置按钮不可点击防止重复提交数据 | 绝缘体
关键字: , , , ,

jquery设置按钮不可点击防止重复提交数据:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter