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

Posted kenshinobiy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了!!a标签和button按钮只允许点击一次,防止重复提交相关的知识,希望对你有一定的参考价值。

button

方法:加上属性disabled = “disabled” 或者 disabled = “true”

<button id="btn" disabled="disabled">确定</button>
2>javascript<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;});
});

 

以上是关于!!a标签和button按钮只允许点击一次,防止重复提交的主要内容,如果未能解决你的问题,请参考以下文章

怎么让click事件在指定时间内只响应一次,jquery。

iOS之防止用户重复点击Button(按钮)问题

如何防止客户不停的点击<a id="backButton">标签

python tkinter 防止重复打开相同的窗口?

防止 tableview 单元格回收标签值

android中如何设置处理点击按钮事件