javascript 表单处理(二)

//重复提交
addEvent(window,"load",function(){
	var fm = document.getElementById("myForm");
	var flag = false;
	
	
	//阻止提交
	addEvent(fm,"submit",function(evt){
	
		preDef(evt);
		
		//这种方法，只限于通过提交按钮防止重复提交的，
		//第一次提交后，将按钮禁用
		//document.getElementById("sub").disabled = true;
		//模拟延迟
		if(flag == true){
			return;
		}
		alert("提交");
		flag = true;  //表示我提交过一次了
		setTimeout(function(){
			fm.submit();
		
		},5000);
		
		
		//PS:f5只能浅刷新，缓存级别的刷新，那么从源头刷新，采用ctrl+f5
	});
	

});


addEvent(window,"load",function(){
	var fm = document.getElementById("myForm");
	//reset事件,reset();
	
	addEvent(fm,"reset",function(){
		alert("Lee");
	
	});
	
	
	
	addEvent(document,"click",function(){
		fm.reset();
	});
});

获取表单控件的方法

addEvent(window,"load",function(){
	var fm = document.getElementById("myForm");
	//PS:表单控件是什么？form里面的input submit textarea select这些叫做表单空间
	//其实就是表单元素标签
	
	//alert(fm.elements);          //表单控件集合,HTMLCollection
	//alert(fm.length);            //向下兼容，不推荐
	//alert(fm[0]);
	//alert(fm.elements.length);   //推荐HTMLInputElement
	//alert(fm.elements[0]);  
	//alert(fm.elements["user"]);
	
	//PS:通过表单集合获取第一个元素，非表单控件会被忽略掉
});


addEvent(window,"load",function(){
	var fm = document.getElementById("myForm");
	var sexList = fm.elements["sex"];
	var user = fm.elements["user"];
	
	//alert(sexList[0]);
	//alert(sexList[0].value);
	//alert(sexList[0].name);
	//sexList[1].disabled = true;
	//alert(sexList[0].form);     //得到从属的form对象
	//alert(sexList[0].type);       //radio
	//sexList[0].type = "checkbox;"  //不推荐使用此属性修改
	
	//alert(fm.elements["sub"].type);
	
	//user.focus();     //将焦点移入
	//user.blur();      //将焦点移除
	
	//传统模式:onfocus
	//addEvent(user,"focus",function(){
	//	alert("Lee");
	//});
	addEvent(user,"blur",function(){
		alert("blur");
	});
	
	addEvent(user,"change",function(){
		alert("change");
	});
});