«

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

时间:2024-2-3 10:28     作者:韩俊     分类: Html+Css


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="提交" />

标签: javascript html css

热门推荐