防止表單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);
}

還有好多方法,以上兩種僅供參考!

  

  

  

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM