js封装表单通用函数
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>mischen</title>
<script>
function check(frm){
var unameFlag=checkField(frm.userName,$("unameMsg"),/^\w+$/,"用户名不能为空","用户名必须为字母、数字、下划线组成!");
var pwdFlag=checkField(frm.pwd,$("pwdMsg"),/^\w{6,16}$/,"密码不能为空","密码必须为字母、数字、下划线组成,并且长度在6~16位之间!");
var ageFlag=checkField(frm.age,$("ageMsg"),/^((\d{1,2})|(1[0123\d]))/,"年龄不能为空","年龄不能高于139!");
return unameFlag&&pwdFlag&&ageFlag;
}
function $(a){
return document.getElementById(a);
}
function checkField(fieldObj,msgObj,re,nullMsg,errorMsg){
msgObj.innerHTML="";
var v=fieldObj.value.replace(/(^\s+)|(\s+$)/g,"");
var flag=true;
if(v.length==0){
msgObj.innerHTML=nullMsg;
flag=false;
}else{
if(!(re.test(v))){
msgObj.innerHTML=errorMsg;
flag=false;
}
}
return flag;
}
</script>
</head>
<body>
<center>
<h1>注册界面</h1>
<hr size="7" color="blue">
<form action="fromValidate.html" name="testFrm" οnsubmit="return check(this);">
用户名:<input type="text" name="userName"/><span style="color:red;" id="unameMsg"></span><br><br>
密码:<input type="password" name="pwd"/><span style="color:red;" id="pwdMsg"></span><br><br>
年龄:<input type="text" name="age"/><span style="color:red;" id="ageMsg"></span><br><br>
<input type="submit" value="注册"/>
</form>
</center>
</body>
</html>