1.onsubmit 点击提交按钮时发生的事件
onsubmit会在表单提交之前执行,可用于提交前对输入内容的判断
例:判断用户名输入长度,是否小于字符
1)事件
list.onsubmit=function(e){ }
2)判读长度
if(usename.value.length<6){ }
注意:昵称的id避免不用name,否则将获取不到value值
2.onfocus 获得焦点时发生的事件
usename.onfocus=function(){
console.log("获得");
}
3.onblur 失去焦点时发生的事件
可用于用户失去焦点后,填写的内容是否正确,不正确进行提示
usename.onblur=function(){
console.log("失去");
if(usename.value.length<6){
alert('请填写正确昵称');
}
}
4.onchange 内容发生变化并失去焦点时触发的事件
一般用于多行文本输入的情况
text.onchange=function(){
alert("内容已改变");
}
5.阻止表单提交
1)获得兼容的事件对象
var ev=window.event||e;
2)阻止提交动作
if(document.all){
// IE
ev.returnValue=false;
}else{
// 火狐
ev.preventDefault();
}