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

发布时间:2020-10-13编辑:脚本学堂
有关jquery防止表单重复提交数据的方法,在jquery中可以设置按钮不可点击,将按钮置为disabled状态,以防止重复提交数据。

jquery设置按钮不可点击防止重复提交数据
   
在web页面中提交表单数据,当填完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="提交" />