网络延迟时阻止重复提交表单

最新推荐文章于 2019-09-20 15:32:27 发布

晓庆的故事簿

最新推荐文章于 2019-09-20 15:32:27 发布

阅读量497

点赞数 1

文章标签：置灰

本文链接：https://blog.csdn.net/qq_40660283/article/details/96484374

版权

网络延迟时阻止重复提交表单

             <div>
                   <div>分类名称：<input type="text" οnpaste="return false" maxlength="10" id="course" th:field="*{cateName}" autocomplete="off" οnkeyup="this.value=this.value.replace(/^ + | + $/g,'')" )/></div>	
                   <div>名称不允许包含空格</div>             
             <div>		
	   <div>
	           <div>
                            <button type="submit" class="wareSave sure">确定</button>
                            	<button type="button" class="quxiao">取消</button> 
   	           </div>   
	   </div>		
      </form>

js
$('.wareSave').on('click',function() {
      var i = 6;
       $(this).attr('disabled;,true);
        $(this).addClass('disabled');
       var btnTimer = null;
        btnTimer = setInterval(function() {
           i--;
           if(i <= 0) {
                $(this).removeAttr('disabled');
                clearInterval(btnTimer);                           
           } else {
                $(this).text(i);
           }
        },1000);
       document.getElementById('wareForm').submit(); 
 })