表单提交判断

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script src="js/jquery-1.11.1.js"></script>
	<script>
		function zhuce(){
			var uname = $("#uname").val();
			var zzname=/^[a-z A-Z 0-9]{1,}$/;//验证账号名字
			console.log(zzname.test(uname)+"账号");
			var rname=zzname.test(uname);
			if(rname==false){
				$("#s_uname").html("账号不正确");
			}else{
				$("#s_uname").html("√");
			}
			
			var upwd = $("#upwd").val();
			var zzpwd=/^[A-Z][a-z A-Z 0-9]{1,}$/;
			console.log(zzpwd.test(upwd)+"密码");
			var rpwd=zzpwd.test(upwd);
			if(rpwd==false){
				$("#s_upwd").html("密码不正确");
			}else{
				$("#s_upwd").html("√");
			}
			
			
			var upwd1 = $("#upwd1").val();
			
			if(upwd!=upwd1){
				$("#s_upwd1").html("两次密码不一致");

			}else{
				$("#s_upwd1").html("√");
			}
			var uname1 = $("#uname1").val();//昵称
			var zzuname1=/[我是昵称1 我是昵称2]{1,}$/;
			console.log(zzuname1.test(uname1)+"昵称");
			var rname1=zzuname1.test(uname1);
			if(rname1==true||uname1==""){
				$("#s_uname1").html("昵称重复不为空");				
			
			}else{
				$("#s_uname1").html("昵称可用");
			}
			
			
			var uchusheng = $("#uke").val();//出生日期
			
			var ucode = $("#ucode").val();
			var zzcode=/^[0-9]{18,18}$/;
			
			console.log(zzcode.test(ucode)+"身份");
			var rcode=zzcode.test(ucode);
			if(rcode==false){
				$("#s_ucode").html("身份不正确");
				return false;
			}else{
				$("#s_ucode").html("√");
			}
			
			
			var utel = $("#utel").val();
			var zzutel=/^1[0-9]{10,10}$/;
			console.log(zzutel.test(utel)+"电话");
			var rtel=zzutel.test(utel);
			if(rtel==false){
				$("#s_utel").html("电话不正确");
				return false;
				
			}else{
				$("#s_utel").html("√");
			}
			
			
			var uqq = $("#uqq").val();
			var zzqq=/^[0-9]{5,5}$/;
			console.log(zzqq.test(uqq)+"qq");
			var rtel=zzqq.test(uqq);
			if(rtel==false){
				$("#s_uqq").html("qq不正确");
				return false;
				
			}else{
				$("#s_uqq").html("√");
			}
			
			
			var ue = $("#ue").val();
			var zzue=/[@.com]{1,}/;
			
			console.log(zzue.test(ue)+"===qq");
			var rue=zzqq.test(ue);
			if(rue==false){
				$("#s_ue").html("youxiang不正确");
				return false;
				
			}else{
				$("#s_ue").html("√");
			}
			
			
			
			
			
			
			
			return false;
			
		}
		
	</script>
	
	
	
	</head>
	<body>
		<form action="#" οnsubmit="return zhuce()">
		账号<input id="uname" /><span id="s_uname"></span><br />
		密码<input id="upwd" /><span id="s_upwd"></span><br />
		重复密码<input id="upwd1" /><span id="s_upwd1"></span><br />
		昵称<input id="uname1" /><span id="s_uname1"></span><br />
		出生日期<input id="uke" /><span id="s_uke"></span><br />
		性别   <input type="radio" />汉子<input type="radio" />妹子<br />
		身份证号<input id="ucode" /><span id="s_ucode"></span><br />
		手机号<input id="utel" /><span id="s_utel"></span><br />
		qq<input id="uqq" /><span id="s_uqq"></span><br />
		邮箱<input id="ue" /><span id="s_ue"></span><br />
		
		<input type="submit" value="提交" id="tj"/>
		<input type="reset" value="清空" id="qk"/>
		</form>
		
		
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值