jQuery 的正则表达式验证

最新推荐文章于 2024-01-16 11:20:16 发布

-久了久了就旧了

最新推荐文章于 2024-01-16 11:20:16 发布

阅读量1.1w

点赞数 3

分类专栏： js代码

本文链接：https://blog.csdn.net/xiaozhang0414/article/details/78775717

版权

js代码专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

	<body>
		<fieldset style="width: 400px; ">
			<legend>注册</legend>
			<center>
				<form>
					账      号:
					<input type="text" name="zh" id="zh" /><br/><br/> 
					
					密      码:
					<input type="password" name="pass1" id="pass1" /><br/><br/> 
					
					重复密码:
					<input type="password" name="pass2" id="pass2" /> <br/><br/> 
					
					昵      称:
					<input type="text" name="nc" id="nc" /><br/><br/> 
					
					出生日期:
					<input type="date" name="rq" id="rq" /> <br/><br/>
					
					 性      别:
					<input type="radio" name="sex" id="sex" />男
					<input type="radio" name="sex" id="sex" />女                      <br/><br/> 身份证号:
					<input type="text" name="sfz" id="sfz" /><br/><br/> 
					
					手机号:    
					<input type="text" name="tell1" id="tell1" /><br/><br/> 
					
					Q      Q:
					<input type="text" name="qq" id="qq" /><br/><br/> 
					
					邮      箱:
					<input type="email" name="emil" id="emil" /><br/><br/>

					<input type="button" value="注册" id="but" />
					<input type="reset" value="清空" />
				</form>
			</center>
		</fieldset>
	</body>
	<script type="text/javascript">
		var flas = true; //标识符	
		//账号验证
		$("#zh").blur(function() {
			//取出账号值
			var name = $("#zh").val();
			//		账号必须为字母+数字的组合，不能出现特殊字符
			varreg =  /^(?=.*[a-zA-Z]+)(?=.*[0-9]+)[a-zA-Z0-9]+$/;
              //alert(varreg.test(name))

			if(name == null || name == "") {
				alert("不能为空")
				flas = false;
				return
			} else {
				flas = true;
			}
			
			if(!varreg.test(name)) {
				alert("必须是字母+数字不能出现特殊字符")
				flas = false;
				return
			} else {
				flas = true;
			}
		})

		//密码验证
		var flas1 = true; //标识符
		$("#pass1").blur(function() {
			var pass = $("#pass1").val(); //
            //密码规则为首字母大写+字母+数字的组合，不得出现特殊字符
			var patrm1 = /^[A-Z][a-z0-9]*$/;
			if(pass == null || pass == "") {
				alert("不能为空")
				flas1 = false;
				return
			} else {
				flas1 = true;
			}

			if(!patrm1.test(pass)) {
				alert("密码规则为首字母大写+字母+数字的组合，不得出现特殊字符。")
				return
			} else {
				flas1 = true;
			}

		})

		//重复密码验证
		var flas2 = true; //标识符
		$("#pass2").blur(function() {
			var pass2 = $("#pass2").val(); //
			var pass1 = $("#pass1").val();

			if(pass2 == null || pass2 == "") {
				alert("不能为空")
				flas2 = false;
				return
			} else {
				flas2 = true;
			}

			if(pass2 != pass1) {
				alert("密码不一样")
				flas2 = false;
				return
			} else {
				flas2 = true;
			}

		})

		//昵称验证
		var flas3 = true; //标识符
		$("#nc").blur(function() {
			var nc = $("#nc").val(); //

			if(nc == null || nc == "") {
				alert("不能为空")
				flas3 = false;
				return
			} else {
				flas3 = true;
			}

			if(nc.indexOf("我是昵称1") > -1 || nc.indexOf("我是昵称2") > -1) {
				alert("昵称重复的");
				flas3 = false;
				return
			} else {
				flas3 = true;
			}

		})

		//日期验证
		var flas4 = true; //标识符
		$("#rq").blur(function() {
			var rq = $("#rq").val(); 	
			if(rq == null || rq == "") {
				alert("不能为空")
				flas4 = false;
				return
			} else {
				flas4 = true;
			}

		})

		//性别验证
		var flas9 = true; //标识符
		$("#sex").blur(function() {
			var sex = $("#sex").val(); //
			if(sex == null || sex == "") {
				alert("不能为空")
				flas9 = false;
				return;
			} else {
				flas9 = true;
			}

		})

		//身份证验证
		var flas5 = true; //标识符
		$("#sfz").blur(function() {
			var sfz = $("#sfz").val(); //
			//判断是纯数据
			var aa = /^\d+$/

			if(sfz == null || sfz == "") {
				alert("不能为空")
				flas5 = false;
				return

			} else {
				flas5 = true;
			}

			if(!aa.test(sfz) || sfz.length != 18) {
				alert("必须是纯数字18位")
				flas5 = false;

			} else {
				flas5 = true;
			}

		})

		//手机号验证
		var flas6 = true; //标识符
		$("#tell1").blur(function() {
			var tell1 = $("#tell1").val(); //
			//以1开头的正则表达式
			var aa = /^1\d{10}$/

			if(tell1 == null || tell1 == "") {
				alert("不能为空")
				flas6 = false;

			} else {
				flas6 = true;
			}
  
			if(!aa.test(tell1) || tell1.length != 11) {
				alert("必须是纯数字11位1开头")
				flas6 = false;
				return;
			} else {
				flas6 = true;
			}

		})

		//QQ验证
		var flas7 = true; //标识符
		$("#qq").blur(function() {
			var qq = $("#qq").val(); //
            var aa = /^\d+$/;
            alert(aa.test(qq))
			if(qq == null || qq == "") {
				alert("不能为空")
				flas7 = false;
				return;
			} else {
				flas7 = true;
			}

			if(qq.length < 5) {
				alert("必须是大于5位")
				flas7 = false;
				return;
			} else {
				flas7 = true;
			}

		})

		//邮箱验证
		var flas8 = true; //标识符
		$("#emil").blur(function() {
			var emil = $("#emil").val(); 
			//邮箱的正则表单达式	
			var aa = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
			if(emil == null || emil == "") {
				alert("不能为空")
				flas8 = false;
				return;
			} else {
				flas8 = true;
			}

			if(!aa.test(emil)) {
				alert("邮箱要验证是否带有@，必须以.com结尾")
				flas8 = false;
				return;
			} else {
				flas8 = true;
			}

		})
		
		
        //点击登录的事件
		$("#but").click(function() {
            //判断标识符都是true 
			if(flas9 == true && flas8 == true && flas == true && flas1 == true && flas2 == true && flas3 == true && flas4 == true && flas5 == true && flas6 == true && flas7 == true) {
				alert("登陆成功")
			} else {
				alert("登陆失败")
			}

		})
	</script>

</html>