a标签和button按钮只允许点击一次，防止重复提交

button

方法：加上属性disabled = "disabled" 或者 disabled = "true"

<button id="btn" disabled="disabled">确定</button>
<script>
    $("#btn").attr("disabled","true");
    $("#btn").attr("disabled","disabled");
    $("#btn").attr("disabled","false");
    $("#btn").removeAttr("disabled","disabled");
</script>

a标签

方法：在点击一次后，解除绑定。

<a id="mybtn">button</a>
<script>
    $("a").click(function(){
        alert("1");
        $(this).css("color","#CCC");
        $(this).unbind("click");
    })
</script>

或者：

//a标签 点击一次后设置点击失效，防止重复提交；

$("a").one("click",function(){

  $(this).click(function (){return false;});
});

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/290.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。