js 正则表达式验证用户注册信息

<!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_]*$"

js 正则表达式验证用户注册信息

猜你喜欢