<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../libs/jquery-1.11.0.min.js"></script>
</head>
<body>
<fieldset style="width: 400px;">
<legend>注册</legend>
<center>
<form>
账号：<input type="text" name="username" id="username" /><br /><br />
密码：<input type="password" name="userpwd" id="userpwd" /><br /><br />
重复密码：<input type="password" name="chongpwd" id="chongpwd"/><br/><br />
昵称：<input type="text" name="nicheng" id="nicheng"/><br/><br />
出生日期：<input type="date" name="times" id="times" /><br/><br />
性别：<input type="radio" name="sex" id="sex" checked="checked"/>汉子
<input type="radio" name="sex" id="sex" />妹子<br/><br />
身份证号：<input type="text" name="userID" id="userID" /><br/><br />
手机号：<input type="text" name="usertel" id="usertel" /><br/><br />
QQ:<input type="text" name="qq" id="qq" /><br/><br />
邮箱：<input type="text" name="useremail" id="useremail" /><br/><br />
<input type="button" value="注册" id="but" />
<input type="reset" value="清空" />
</form>
</center>
</fieldset>
</body>
<script>/^[a-zA-Z][a-zA-Z0-9]*$/
var flag=true;
//账号验证
$("#username").blur(function(){
var name=$("#username").val();
//账号必须为字母+数字的组合，不能出现特殊字符
reg=/^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
//alert(reg.test(name))
if(name==null||name==""){
alert("不能为空")
flag=false;
return
}else{
flag=true;
}
if(!reg.test(name)){
alert("必须是字母+数字不能出现特殊字符")
flag=false;
return
}else{
flag=true;
}
})
//密码验证
var flags=true;
$("#userpwd").blur(function(){
//密码规则为首字母大写+字母+数字的组合，不得出现特殊字符。
var pass=$("#userpwd").val();
var pwds=/^[A-Z][a-z0-9]*$/;
if(pass==null||pass==""){
alert("密码不能为空")
flags=false;
return
}else{
flags=true;
}
if(!pwds.test(pass)){
alert("密码规则为首字母大写+字母+数字的组合，不得出现特殊字符")
flags=false;
return
}else{
flags=true;
}
})
//重复密码验证
var chongfu=true;
$("#chongpwd").blur(function(){
var pass=$("#userpwd").val();
var chongpass=$("#chongpwd").val();
if(chongpass==null||chongpass==""){
alert("重复密码不能为空")
chongfu=false
return
}else{
chongfu=true
}
if(pass!=chongpass){
alert("两次输入的密码不一样")
chongfu=false;
return
}else{
chongfu=true;
}
})
//昵称判断
var nicheng2=true;
$("#nicheng").blur(function(){
var nicheng1=$("#nicheng").val();
//昵称要判断重复，如果输入”我是昵称1”和“我是昵称2”要提示重复
if(nicheng1==null||nicheng1==""){
alert("昵称不能为空")
nicheng2=false;
return
}else{
nicheng2=true
}
if(nicheng1.indexOf("我是昵称1")>-1||nicheng1.indexOf("我是昵称2")>-1){
alert("昵称重复")
nicheng2=false
return
}else{
nicheng2=true
}
})
//日期验证
var riqi=true;
$("#times").blur(function(){
var aa=$("#times").val();
//aa.innerHTML(dd);
if(aa==null||aa==""){
alert("不能为空");
riqi=false;
return
}else{
riqi=true;
}
})
//身份证号判断
var shenfen=true;
$("#userID").blur(function(){
var bb=$("#userID").val();
var sf=/^\d+$/
if(bb==null||bb==""){
alert("不能为空")
shenfen=false;
return
}else{
shenfen=true;
}
if(!sf.test(bb)||bb.length!=18){
alert("必须是纯数字18位")
shenfen=false;
return
}else{
shenfen=true;
}
})
//手机号验证
var tel=true;
$("#usertel").blur(function(){
var phon=$("#usertel").val();
var phone=/^1\d{10}$/
if(phon==null||phon==""){
alert("不能为空")
tel=false;
return
}else{
tel=true
}
if(!phone.test(phon)||phon.length!=11){
alert("必须是纯数字的11位且以1开头")
tel=false;
return
}else{
tel=true
}
})
//qq验证
var flag8=true;
$("#qq").blur(function(){
var qiu=$("#qq").val();
var qiuqiu=/^\d+$/;
if(qiu==null||qiu==""){
alert("不能为空")
flag8=false;
return
}else{
flag8=true
}
if(!qiuqiu.test(qiu)||qiu.length<5){
alert("QQ号必须是纯数字且大于5位数")
flag8=false;
return
}else{
flag8=true
}
})
//邮箱验证
var flag9=true
$("#useremail").blur(function(){
var mail=$("#useremail").val();
var mails= /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(mail==null||mail==""){
alert("不能为空")
flag9=false;
return
}else{
flag9=true;
}
if(!mails.test(mail)){
alert("邮箱必须带有@且必须以.com结尾")
flag9=false;
return
}else{
flag9=true;
}
})
$("#but").click(function(){
if(flag9&&flag8&&tel&&shenfen&&riqi&&nicheng2&&chongfu&&flags&&flag==true){
alert("登录成功")
}else{
alert("登录失败")
}
})
</script>
</html>
wanglinuo521通过本文主要向大家介绍了js 表单验证正则表达式等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com