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

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

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

用disabled控制表单重复提交

        $('.doYes').attr('disabled',true);
        ajaxSubmit('', dataW, function(data){
            if(data.status){
                window.location.href='';
            }
            else{
                $.alert(data.message);
                $('.doYes').attr('disabled',false);
            }
        });

 

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

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

$('.doYes').attr('href','javascript:;');
        ajaxSubmit('', dataW, function(data){
            if(data.status){
                window.location.href='';
            }
            else{
                $.alert(data.message);
                $('.doYes').attr('href','javascript:submitWeek();');
            }
        });

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