[JQ教程]jquery设置按钮不可点击防止重复提交数据

(元素模板) / 2017-07-04 11:04

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