//重复提交
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");
});
});