<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv = "content-type" content="text/html;charset=utf-8"/>
<script src="js.js" type="text/javascript" language="javascript">
</script>
</head>
<body>
<form>
姓名：<input type = "text" id = "name" onblur = "checkname();" />
<span id = "s1">请输入3-5个字母</span><br />
年龄：<input type = "text" id = "age" onblur = "checkage();"/>
<span id = "s2">请输入2位数字</span>
<input type = "submit" value = "提交" onclick = "return valid();"/>
</form>
</body>
</html>
//js.js
function checkname(){
var name = document.getElementById("name").value;
var s1 = document.getElementById("s1");
var regname = /^[a-zA-Z]{3,5}$/;///定义一个RegExp对象
if(regname.test(name)){//使用RegExp对象的方法验证
s1.innerHTML = "录入正确";
s1.style.color = "green";
}else{
s1.innerHTML = "录入错误";
s1.style.color = "red";
}
return regname.test(name);
}
function checkage(){
var age = document.getElementById("age").value;
var s2 = document.getElementById("s2");
var regname = /^\d{2}$/;
if(regname.test(age)){
s2.innerHTML = "录入正确";
s2.style.color = "green";
}else{
s2.innerHTML = "录入错误";
s2.style.color = "red";
}
return regname.test(name);
}
function valid(){
return checkname()&& checkage();
}