会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132484个问题
JAVA 全系列/第十九阶段:Spring Cloud微服务技术栈/Spring Cloud(旧) 14762楼
JAVA 全系列/第十一阶段:智能家居项目(旧)/至尊智能家居第二天 14763楼
JAVA 全系列/第十一阶段:分布式RPC调用和分布式文件存储/FastDFS 14765楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 14768楼

image.png


老师,我增加了验证码和个人介绍的验证,但是即使我输入正确也会提示错误信息,我找了很久都没有找到,帮我看看是什么问题,谢谢

63表单验证2-正则表达式-有问题吗.zip

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>	
		<script type="text/javascript">
			/**********验证码生成***********/
			function YZM(){			
				//生成4位随机整数
				var ran=Math.floor(Math.random()*9000+1000)			
				//获得span对象
				var span=document.getElementById('yzm_span')			
				span.innerText =ran;			
			}		
			/******************校验用户名*********/
			function checkName(){
			//汉字的正则表达式	符号是//			
				var reg=/^[\u4e00-\u9fa5]{3,5}$/		
				//调用check方法
				check('uname',reg)			
			}
			/******************校验密码*********/		
			function checkPwd(){				
				//数字的正则表达式
				var reg=/^\d{3,6}$/			
				check('pwd',reg)			
			}	
			/******************手机号码的验证*********/		
			function checkPhone(){				
				//手机号码的正则表达式
				var reg=/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/			
				check('phone',reg)			
			}	
			/******************邮箱的验证*********/		
			function checkEmail(){				
				//邮箱的正则表达式
				var reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/			
				check('email',reg)			
			}	
			/*******************提取公共部分************/
			function check(id,reg){				
				//获取密码
				var uname=document.getElementById(id);		
				var val=uname.value			
				//获得alt属性
				var alt=uname.alt ;				
				//获得span对象
				var span=document.getElementById(id+'_span')			
				//密码的正则表达式			
				//var reg=/^\d{3,6}$/			
				if (val==null||val==''){					
					span.innerText='×'+alt+'不能为空'				
					span.style.color='red';				
				}else if(reg.test(val)){				
					span.innerText='√'+alt+'合法 '				
					span.style.color='green';				
				}else{				
					span.innerText='×'+alt+'不合法 '				
					span.style.color='red';
				}			
			}
			/**********验证码的验证***************/
			function checkYZM(){
				//获取输入的值
				var yzm=document.getElementsByName("yzm");
				//获取输入的验证码的值做判断
				var yzm2=yzm.value	
				//获取span对象
				var span=document.getElementById("yzm_span2")
				if (yzm2==null||yzm2==''||yzm2!=ran){
					span.innerHTML="验证码错误";  
					span.style.color="red";
					return false;
				}else{
					span.innerHTML="验证码正确";
					span.style.color="green";
					return true;
				}
			}			
			/**********性别的验证***************/
			function checkSex(){
				var sex=document.getElementsByName("sex");
				var span=document.getElementById("sex_span")
				for(var i in sex){
					if(sex[i].checked){
						span.innerHTML="性别选择成功";
						span.style.color="green";
						return true;
					}
				}
				span.innerHTML="请选择性别";
				span.style.color="red";
				return false;
				
			}
			/**********爱好的验证***************/
			function checkHobby(){
				var hobby=document.getElementsByName("hobby");
				var span=document.getElementById("hobby_span")
				for(var i in hobby){
					if(hobby[i].checked){
						span.innerHTML="爱好选择成功";
						span.style.color="green";
						return true;
					}
				}
				span.innerHTML="请选择你的爱好";
				span.style.color="red";
				return false;
				
			}
			/**********个人介绍验证***************/
			function checkIntroduce(){
				//获取输入的值
				var introduce=document.getElementsByName("introduce");
				//获取输入的个人介绍的值做判断
				var introduce2=introduce.value	
				//获取span对象
				var span=document.getElementById("introduce_span")
				if (introduce2==null||introduce2==''){
					span.innerHTML="请输入个人介绍";  
					span.style.color="red";
					return false;
				}else{
					span.innerHTML="个人介绍输入正确";
					span.style.color="green";
					return true;
				}
			}

			/*
			 * 正则表达式
			 * 对数据格式进行一定的规范限制
			 * ^:开始
			 * [0-9 A-Z a-z]:所有数字 字母
			 * {2,4}:限制位数,段域,至少2位,最多4位
			 * {3}:指定三位数
			 * {2,}:代表2到正无穷位置
			 * *代表随意位置
			 * $:代表限制结尾
			 * \d:代表[0-9]
			 * \w:代表[0-9 a-z A-Z]
			 */
		</script>
	</head>
	<body onload="YZM()">
		<h1 align="center">注册页面</h1>
		<hr />
		<form action="" method="get">		
		<!--普通文本框-->
		<!--表格的格式-->
			<table align="center" border="0" cellspacing="20px">
				<tr>
					<td>用户名:</td>
					<td>
						<input type="text" name="uname" id="uname" value="" alt="用户名" placeholder="3-5位汉字" onblur="checkName()"/>
						<span id='uname_span'>*用户名必须是3-5位汉字</span>
					</td>
				</tr>			
				<!--密码框-->
				<tr>
					<td>密&nbsp;码</td>
					<td>
						<input type="password" name="pwd" id="pwd" value="" alt="密码" placeholder="3-6位数字" onblur="checkPwd()"/>
						<span id="pwd_span"></span>
					</td>
				</tr>			
				<!--手机框-->
				<tr>
					<td>手机号:</td>
					<td>
						<input type="text" name="phone" id="phone" alt="手机号码" onblur="checkPhone()"/>
						<span id="phone_span"></span>
					</td>
				</tr>				
				<!--邮箱输入框-->
				<tr>
					<td>邮&nbsp;箱:</td>
					<td>
						<input type="text" name="email" id="email" alt="邮箱地址" onblur="checkEmail()"/>
						<span id="email_span"></span>
					</td>
				</tr>				
				<!--性别输入框-->
				<tr>
					<td>性&nbsp;别:</td>
					<td>
					<input type="radio" name="sex" value="1" onclick="checkSex()"/> 男
					<input type="radio" name="sex" value="0" onclick="checkSex()" /> 女
					<span id="sex_span"></span>
					</td>
				</tr>				
				<!--爱好选择-->
				<tr>
				<td>爱&nbsp;好:</td>
					<td>
						<input type="checkbox"value="1" name="hobby" onclick="checkHobby()"/>唱歌
						<input type="checkbox"value="2" name="hobby" onclick="checkHobby()"/>睡觉
						<input type="checkbox"value="3" name="hobby" onclick="checkHobby()"/>LOL <br />
						<input type="checkbox"value="4" name="hobby" onclick="checkHobby()"/>旅行
						<input type="checkbox"value="5" name="hobby" onclick="checkHobby()"/>高尔夫
						<input type="checkbox"value="6" name="hobby" onclick="checkHobby()"/>篮球 <br />
						<span id="hobby_span"></span>
					</td>
				</tr>
				
				<!--籍贯选择-->
				<tr>
				<td>籍&nbsp;贯:</td>
					<td>
						<select >
						<option selected="selected">---请选择---</option>
						<option value="1">广东</option>
						<option value="2">湖南</option>
						<option value="3">湖北</option>
						<option value="4">河南</option>
						<option value="5">河北</option>
						</select>
					</td>
				</tr>
				
				<!--验证码输入框-->
				<tr height="35px">
					<td>验证码</td>
					<td>
						<input type="number" name="yzm"  id="yzm" value="" onblur="checkYZM()"/>
						<span id="yzm_span"></span><br />
						<span id="yzm_span2"></span>
					</td>
				</tr>
				
				<!--个人介绍输入框-->
				<tr>
					<td>个人介绍:</td>
					<td align="center">
						<!--align="center">代表全部东西都在中间-->
						<textarea rows="15" cols="30" onblur="checkIntroduce()"></textarea><br />
						<span id="introduce_span"></span><br />
						<input type="checkbox"value="7" />是否同意本公司协议<br />
						<input type="submit" value="注册" /><br />
						
						
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>


Python 全系列/第七阶段:网页编程基础/JavaScript 14769楼
Python 全系列/第一阶段:Python入门/编程基本概念 14772楼
JAVA 全系列/第一阶段:JAVA 快速入门/控制语句、方法、递归算法 14773楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS应用技巧 14774楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637