<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form id="myform">
用户名:<input type="test" onblur="checkname(this)"/>
<span id="userName"></span>
<br><br>
密码:<input type="test" onblur="checkpass(this)"><br>
<span id="pass"></span>
<br>
<br>
邮箱:<input type="test"onblur="checkemail(this)"/><br>
<span id="email"></span>
<br>
<input type="submit" value="注册用户" onclick="mysubmit()"/>
</form>
</body>
</html>
<script type="text/javascript">
function checkAll(str,index){
var reg=[
/^[\u4e00-\u9fa5]{2,5}$/,
/^[A-Z]{1}[A-Z|a-z|0-9|_]{5,11}$/,
/^\w{2,20}@\w{2,5}\.[A-Z|a-z]{2,3}(\.cn|\.tw)?$/
];
return reg[index].test(str);
}
function checkname(org){
var str=org.value;
var f=checkAll(str,0);
if(f){
reg_name=true;
userName.innerHTML="<font color='green'>用户名符合规则</font>";
}else{
userName.innerHTML="<font color='red'>用户名不符合规则</font>";
}
}
function checkpass(org){
var str=org.value;
var f=checkAll(str,1);
if(f){
reg_pass=true;
pass.innerHTML="<font color='green'>密码符合规则</font>";
}else{
pass.innerHTML="<font color='red'>密码不符合规则</font>";
}
}
function checkemail(org){
var str=org.value;
var f=checkAll(str,2);
if(f){
email.innerHTML="<font color='green'>邮箱符合规则</font>";
}else{
email.innerHTML="<font color='red'>邮箱不符合规则</font>";
}
}
var reg_name=false;
var reg_pass=false;
function mysubmit(){
if(reg_name&®_pass){
alert("可以提交表单!");
}
}
</script>