码迷,mamicode.com
首页 > 其他好文 > 详细

只允许提交一次表单

时间:2016-06-08 18:59:52      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

在提交表单时,如果服务器响应速度慢,或者因为别的什么原因,导致按下提交出现“没反应”的情况,这是就要限制只允许提交一次表单以减轻服务器压力

有两种方式:

1.提交之后禁用按钮  2.提交之后取消后续的表单操作

  第一种:

document.getElementById(‘提交按钮‘).disable==true; //将按钮禁用,不过缺点是可以通过回车来提交

 第二种:

window.onload=function(){
	var form=document.getElementById(‘form‘);
	flag=false;  //监听变量用于提交一次表单
	form.onsubmit=function(e){
		e.preventDefault(); 
		if (flag) {return;};
		flag=true;
		setTimeout(function(){
			alert(‘tijaio ‘);
			form.submit();
		},3000)
		
	}
}

//首先先禁用掉提交事件,让他3秒后提交,模仿请求服务器的过程,通过一个监听变量flag,第一次提交将他设置为true,判断 如果是true就退出不提交,以这种方式达到提交一次的目的

  

 

只允许提交一次表单

标签:

原文地址:http://www.cnblogs.com/yymb/p/5570735.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!