<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check() {
var submitFlg = true;
//验证姓名
var regpname={regstr:/^[\u4e00-\u9fa5\w]{1,6}$/,tip:'请输入1-6位的汉字、英文、数字、下划线'};
var pname= document.getElementById("pname").value;
var spans = document.getElementById("pname").parentNode.getElementsByTagName("span");
spans[0].innerHTML=""
if(!regpname.regstr.test(pname)){
spans[0].innerHTML="<font color='red'>"+regpname.tip+"<font>";
submitFlg = false;
}
//验证用户名
var regusername={regstr:/^[\w]{1,6}$/,tip:'请输入1-6位的英文、数字、下划线'};
var username= document.getElementById("username").value;
var spans = document.getElementById("username").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regusername.regstr.test(username)){
spans[0].innerHTML="<font color='red'>"+regusername.tip+"<font>";
submitFlg = false;
}
//验证密码
var regpassword={regstr:/^[\w@#*]{1,6}$/,tip:'请输入1-6位的英文、数字、下划线、@、#、*'};
var password= document.getElementById("password").value;
var spans = document.getElementById("password").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regpassword.regstr.test(password)){
spans[0].innerHTML="<font color='red'>"+regpassword.tip+"<font>";
submitFlg = false;
}
var repassword=document.getElementById("repassword").value;
var spans = document.getElementById("repassword").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(repassword!=password){
spans[0].innerHTML="<font color='red'>"+"两次输入的密码不一致"+"<font>";
submitFlg = false;
}
//验证邮箱
var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:'请确认邮箱格式'};
var email= document.getElementById("email").value;
var spans = document.getElementById("email").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regemail.regstr.test(email)){
spans[0].innerHTML="<font color='red'>"+regemail.tip+"<font>";
submitFlg = false;
}
//验证邮箱
var regemail={regstr:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,tip:'请确认邮箱格式'};
var email= document.getElementById("email").value;
var spans = document.getElementById("email").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regemail.regstr.test(email)){
spans[0].innerHTML="<font color='red'>"+regemail.tip+"<font>";
submitFlg = false;
}
//验证电话
var regphone={regstr:/^1\d{10}$/,tip:'请输入11位的手机号'};
var phone= document.getElementById("phone").value;
var spans = document.getElementById("phone").parentNode.getElementsByTagName("span");
spans[0].innerHTML="";
if(!regphone.regstr.test(phone)){
spans[0].innerHTML="<font color='red'>"+regphone.tip+"<font>";
submitFlg = false;
}
return submitFlg;
}
</script>
</head>
<body>
<form action="success.html" onsubmit="return check()">
<table>
<tr>
<td><font color="red">*</font>姓名</td>
<td><input type="text" id="pname" name="pname"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>用户名</td>
<td><input type="text" id="username" name="username"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>密码</td>
<td><input type="text" id="password" name="password"></input><span></span></td>
</tr>
<tr>
<td><font color="red">*</font>确认密码</td>
<td><input type="text" id="repassword" name="repassword"></input><span></span></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="text" id="email" name="email"></input><span></span></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" id="sex" name="sex" value="1">男
<input type="radio" id="sex" name="sex" value="2">女
</td>
</tr>
<tr>
<td>电话</td>
<td><input type="text" id="phone" name="phone"></input><span></span></td>
</tr>
<tr>
<td>地区</td>
<td>
<select name = "area">
<option value="1">长春</option>
<option value="2">吉林</option>
</select>
</td>
</tr>
</table>
<input type="submit" value="注册">
</form>
</body>
</html>
还需在相同目录下新建一个success.html文件,用来显示form提交后跳转的页面。
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
Java代码
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
//校验用户姓名:只能输入1-30个以字母开头的字串
Java代码
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false
return true
}
}}
//校验密码:只能输入6-20个字母、数字、下划线
<PRE class="java" name="code">function isPasswd(s)
{
var patrn=/^(\w){6,20}$/;
if (!patrn.exec(s)) return false
return true
}
</PRE>
<BR>
<BR>//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”
<BR><PRE class="java" name="code">function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
</PRE>
<BR>
<BR>//校验手机号码:必须以数字开头,除数字外,可含有“-”
<BR><PRE class="java" name="code">function isMobil(s)
{
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
</PRE>
<BR>
<BR>//校验邮政编码
<BR><PRE class="java" name="code">function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false
return true
}
</PRE>
<BR>
<BR>//校验搜索关键字
<BR><PRE class="java" name="code">function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]
[\]\{\}:;'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}
function isIP(s) //by zergling
{
var patrn=/^[0-9.]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
</PRE>
<BR>
<BR><SPAN style="FONT-SIZE: 18pt">正则表达式</SPAN>
<BR><PRE class="java" name="code">"^\\d+$" //非负整数(正整数 + 0)
"^[0-9]*[1-9][0-9]*$" //正整数
"^((-\\d+)|(0+))$" //非正整数(负整数 + 0)
"^-[0-9]*[1-9][0-9]*$" //负整数
"^-?\\d+$" //整数
"^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
//正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数(负浮点数 + 0)
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
//负浮点数
"^(-?\\d+)(\\.\\d+)?$" //浮点数
"^[A-Za-z]+$" //由26个英文字母组成的字符串
"^[A-Z]+$" //由26个英文字母的大写组成的字符串
"^[a-z]+$" //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
"^\\w+$" //由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url
"^[A-Za-z0-9_]*$"