用disabled属性修饰a标签，a标签仍然能点击

不知道各位同学有没有遇到跟我相同的问题，就是用jQuery操作a标签disabled的，来控制重复提交表单

做过开发的都知道，表单验证重复提交，包含前端和后端，两方面的控制。前端控制使我们常用的手段。

用disabled控制表单重复提交

 1         $('.doYes').attr('disabled',true);
 2         ajaxSubmit('', dataW, function(data){
 3             if(data.status){
 4                 window.location.href='';
 5             }
 6             else{
 7                 $.alert(data.message);
 8                 $('.doYes').attr('disabled',false);
 9             }
10         });

 

给大家提供一种禁止a标签，重复点击提交数据

1 <a class="weui-form-preview__btn weui-form-preview__btn_primary doYes"
2                 href="javascript:submitWeek();">提交</a>

 1 $('.doYes').attr('href','javascript:;');
 2         ajaxSubmit('', dataW, function(data){
 3             if(data.status){
 4                 window.location.href='';
 5             }
 6             else{
 7                 $.alert(data.message);
 8                 $('.doYes').attr('href','javascript:submitWeek();');
 9             }
10         });

大家在解决问题的时候，对自我的肯定是没错，但我们在工作中，需要尝试更加快速解决问题的手段，相信各位在解决这个问题的时候会有很多解决方案。不断总结工作中的经验，和对问题的解决方案优化，相信大家能力能够更上一层楼

转载于:https://www.cnblogs.com/gavinlib/p/8634389.html