阻止按钮重复点击

 

这里提供两种不同情况下的阻止重复点击解决方案。

1. 按钮BUTTON类
2. a标签类
3.  在js里设置全局变量，提交后修改该变量的值，依据变量的值判断是否重复提交

对于第一类情况，button有一个属性是disabled控制其是否可以点击,看代码：

<input type="button" value="Click" id="subBtn"/>

<script type="text/javascript">

function myFunc(){

    //code

    //执行某段代码后可选择移除disabled属性，让button可以再次被点击

     $("#subBtn").removeAttr("disabled");

}

$("#subBtn").click(function(){

    //让button无法再次点击

     $(this).attr("disabled","disabled");

    //执行其它代码，比如提交事件等

    myFunc();

});

</script>

 

第二类情况，可以使用按钮或链接的click事件来执行预期的单击动作，然后将事件处理重定向，以阻止其余的点击。

<a href="javascript:;" οnclick="return funcOne();" >点击</a>

<script type="text/javascript">

function funcOne(){

    alert("Click the button!");

    //点击一次后把funcTwo赋给funcOne,funcTwo是一个什么也不执行的函数，因此再次点击不执行任何操作

     funcOne=funcTwo;

    return false;

}

function funcTwo(){

    return false;

}

</script>

 

第三类  在js里设置全局变量，提交后修改该变量的值，依据变量的值判断是否重复提交

　var flag=true;

　　function checkForm(){

　　if (flag==false){

　　return;

　　}

　　flag=false;

　　document.form1.submit();

　　}