防止表单submit或按钮button多次连续点击提交

如上例子:当我点击提交按钮触发submitQuartz()函数 防止用户连续点击提交操作

方法一:获取当时点击时间,根据时间差判断

$scope.submitQuartz=function () {
    var nowTime = new Date().getTime();
    var clickTime = $(this).attr("ctime");
    if( clickTime != 'undefined' && (nowTime - clickTime < 10000)){
           alert('操作过于频繁,稍后再试');
           return false;
    }else{
           $(this).attr("ctime",nowTime);
    }
}

方法二:利用一次性定时器$timeout

var tid;
var bClicked = false;
function doit(){
    if(tid!=null){$timeout.cancel(tid);tid=null;}
    bClicked false;
}
$scope.submitQuartz=function () {
    if(bClicked){
           alert("不要重复递交");
            return false;   
    }
    bClicked true;
    tid =$timeout("doit()", 10000);
}

还有好多方法,以上两种仅供参考!

  

  

  

  

  

posted @ 2018-08-09 16:28  ~西门紫凌~  阅读(1959)  评论(0编辑  收藏  举报