html input oninvalid,H5中oninout、 oninvalid事件（自定义正则验证表单）

代码以下：html

form{

width: 1000px;

max-width: 640px;

min-width: 320px;

margin:0 auto;

font-size:20px

}

input{

display: block;

height: 30px;

font-size: 20px;

width: 100%;

margin: 10px 0;

}

表单事件

用户名：

密码：

//表单事件：oninout  当用户输入的时候

//oninvalid  当验证不经过的时候触发

var text1=document.getElementById('txt1');

var text2=document.getElementById('txt2');

var num=0;

text1.οninput=function(){

num++;

//将字数显示在2中

txt2.value=num;

}

//oninvalid 通常用于设置验证不经过时的提示文字

text1.oninvalid=function(){

//用于设置验证不经过时的提示文字

this.setCustomValidity('会输入邮箱吗')

}

this