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

前端APP 投稿 9700 0 评论

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

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

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

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


$("#sfjvip".attr("disabled",true;

或者


$("#sfjvip".attr("disabled","disabled";

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


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

编程笔记 » jquery设置按钮不可点击防止重复提交数据

赞同 (51) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽