前端禁止按钮短时间内多次点击的方法

1.方法一
//声明一个控制点击的变量
var upLoadClicktag = 0;
//点击事件
$("td.upLoad").on("click",function () {
    //第一次进来为true
    if(upLoadClicktag==0){
        //改版变量
        upLoadClicktag = 1;

        //此处写你要做的事情，操作DOM，发送ajax请求等等。

        //3秒过后可以再次点击
        setTimeout(function () { upLoadClicktag = 0 }, 3000);
    }else{
        alert('请勿频繁操作！');
    }
});

2.方法二

<input type="button" id="submit" value="提交">

<script>

$(document).ready(function(){  

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

    var nowTime = new Date().getTime();

    var clickTime = $(this).attr("ctime");

    if( clickTime != 'undefined' && (nowTime - clickTime < 5000)){

        alert('操作过于频繁，稍后再试');

        return false;

     }else{

        $(this).attr("ctime",nowTime);

        alert('提交成功');

     }       

   });

 });

</script>