javascript實現避免頁面按鈕重復提交

2024-05-06 16:13:58

字體：大中小

來源：轉載

供稿：網友

很多時候我們都需要防止重復提交,這方面的文章也比較多,實現的途徑差別也很大.因為有些時候即使服務器能夠識別重復的提交,也會造成問題.比如需要很長等待時間的操作,在首次提交后,不斷重復提交,頁面可能會死掉.用腳本來控制的話可以防止這種問題.

復制代碼代碼如下:

		
		function preventAjax(obj,num){
		            obj.disabled = true;
		            var num = num;
		            var types =obj.type;
		            if(types == 'submit'){
		                var text = obj.value;
		                var time1 = setInterval(function(){
		                    obj.value = num;
		                    num--;
		                    if(obj.value <= 0 ){
		                        clearInterval(time1);
		                        obj.disabled = false;
		                        obj.value = text;
		                    }
		                },1000);
		            }else{
		                var text = obj.innerHTML
		                var time1 = setInterval(function(){
		                    obj.innerHTML = num;
		                    num--;
		                    if(obj.innerHTML <= 0 ){
		                        clearInterval(time1);
		                        obj.disabled = false;
		                        obj.innerHTML = text;
		                    }
		                },1000);
		            }
		        }