会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 526楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 527楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 529楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 530楼

突然就不显示了 我就复制了下

image.png

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		/********获得验证码*********/
			function YZM(){
				var ran=Math.floor(Math.random()*9000+1000) 
				var span_1 =document.getElementById("number_span");
				span_1.innerText = ran;
			}
		/**********校验用户名***************/	
		function checkName(){
				var uname = document.getElementById("uname").value;
				var span = document.getElementById("uname_span");
				/**正则表达式***/
				var reg= /[\u4e00-\u9fa5]{3,5}$/;
				if(uname==null || uname==""){
					span.innerText = "×名字不合法"
					span.style.color="red";
				}else if(reg.test(uname)){
					span.innerText = "√名字合法";
					span.style.color = "green";
				}
				
				else
				{
					span.innerText = "×名字合法";
					span.style.color = "red";
				}
		}
		
		**********校验用户名***************/	
//		function checkPwd(){
//				var uname = document.getElementById("pwd").value;
//				var span = document.getElementById("pwd_span");
//				/**数字正则表达式***/
//				var reg = /^\d{35}$/;
//				if(uname==null || uname==""){
//					span.innerText = "×密码不合法"
//					span.style.color="red";
//				}else if(reg.test(uname)){
//					span.innerText = "√密码合法";
//					span.style.color = "green";
//				}
//				
//				else
//				{
//					span.innerText = "×密码合法";
//					span.style.color = "red";
//				}
//		}
			
		</script>
	</head>
	<body onload="YZM()">
		<center>
			<h3>注册页面</h3>
			<hr />
			<form action="" method="get"></form>
			<table>
				<tr height="35px">
					<td width="150px">用户名:</td>
					<td width="400px">
						<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()" />
						<span id="uname_span">*用户名是3到5个汉字</span>
					</td>
				<tr height="35px">
					<td>密码:</td>
					<td><input type="password" </td>
					

				</tr>
				
				<tr height="35px">
					<td>手机号:</td>
					<td><input type="number"</td>
				</tr>
				
				<tr height="35px">
					<td>邮箱:</td>
					<td><input type="email"</td>
				</tr>
				
				<tr height="35px">
					<td>性别:</td>
					<td>男:<input type="radio" />
						女:<input type="radio" />
					</td>
					
				</tr>
				
				<tr height="35px">
					<td>爱好:</td>
					<td>
						<input type="checkbox" />唱歌
						<input type="checkbox" />睡觉
						<input type="checkbox" />LOL<br />
						<input type="checkbox" />旅游
						<input type="checkbox" />高尔夫
						<input type="checkbox" />篮球
					</td>
				</tr>
				
				<tr height="35px">
					<td>籍贯:</td>
					<td>
						<select>
							<option>请选择</option>
							<option>河南</option>
							<option>北京</option>
							<option>广东</option>
						</select>
					</td>
				</tr>
				
				<tr height="35px">
					<td>验证码:</td>
					<td><input type="number"</td>
					<span id="number_span" ></span>
				</tr>
				
				<tr height="35px">
					<td>个人介绍:
					</td>
					<td>
						<textarea cols="25" rows="15" ></textarea>
						
					</td>
					
				</tr>
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="checkbox" />是否同意本公司协议
					</td>
				</tr>
				
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="submit" value="注册" />
					</td>
				</tr>
			</table>
		</center>
	</body>
</html>

把复制的注释掉了   还是不行 哪里错了?

JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 531楼

老师好:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*******验证码生成**********/
			function YZM(){
				//生成四位随机数
				var ran = Math.floor(Math.random()*9000+1000);
				//获取span对象
				var span = document.getElementById("yzm_span");
				span.innerText = ran;
			}
			/************验证方法的公共部分********************/
			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");
				 if(val==null || val==""){
				 	span.innerText = "X"+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 checkName(){
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				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);
			}
			
			
			
		</script>

	<body onload="YZM()">
		<center>
			<h3>注册页面</h3>
			<hr />
		<form action="" method="post">
		<table >
					<tr height="35px">
						<td width="150px">用户名:</td>
						<td width="400px">
							<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()"/>
							<span id="uname_span">*用户名必须是3-5位的汉字</span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>密码:</td>
						<td>
							<input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()"/>
							<span id="pwd_span">密码必须是3-6位数字的</span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>手机号:</td>
						<td>
							<input type="text" name="phone" id="phone" value="" alt="手机号" onblur="checkPhone()"/>
							<span id="phone_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>邮箱:</td>
						<td>
							<input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()"/>
							<span id="email_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>性别:</td>
						<td>
							男:
							<input type="radio" name="sex" id="" value="1" /> 女:
							<input type="radio" name="sex" id="" value="0" />
							<span id="sex_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>爱好:</td>
						<td>
							<input type="checkbox" name="fav" id="fav" value="1" />唱歌
							<input type="checkbox" name="fav" id="fav" value="2" />睡觉
							<input type="checkbox" name="fav" id="fav" value="3" />LOL
							<br />
							<input type="checkbox" name="fav" id="fav" value="4" />旅游
							<input type="checkbox" name="fav" id="fav" value="5" />高尔夫
							<input type="checkbox" name="fav" id="fav" value="6" />篮球
						</td>
					</tr>
					
					<tr height="35px">
						<td>籍贯</td>
						<td>
							<select name="address" id="sel">
								<option value="0">--请选择--</option>
								<optio
									n value="1">河南</option>
								<option value="2">胡南</option>
								<option value="3">海南</option>
								<option value="4">云南</option>
							</select>
							<span id="sel_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>验证码:</td>
						<td>
							<input type="number" name="" id="yzm" value="" />
							<span id="yzm_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>个人介绍:</td>
						<td>
							<textarea rows="8" cols="30"></textarea>
						</td>
					</tr>
					
					<tr height="35px">
						<td colspan="2" align="center">
							<input type="checkbox" name="" id="check" value="">是否同一本公司协议
						</td>
					</tr>
					
					<tr height="35px">
						<td colspan="2" align="center">
							<input type="submit" value="注册" id="sub" disabled="true" />
						</td>
					</tr>
					
			</table>
			</form>
			</center>
	</body>

运行效果:   没有反应的, 代码还一样, 急死人了

GIF.gif

JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 533楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 535楼
JAVA 全系列/第四阶段:网页编程和设计/JavaScript语言 537楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 538楼

老师好:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*******验证码生成**********/
			function YZM(){
				//生成四位随机数
				var ran = Math.floor(Math.random()*9000+1000);
				//获取span对象
				var span = document.getElementById("yzm_span");
				span.innerText = ran;
			}
			/************验证方法的公共部分********************/
			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");
				 if(val==null || val==""){
				 	span.innerText = "X"+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 checkName(){
				var reg = /^[\u4e00-\u9fa5]{3,5}$/;
				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);
			}
			
			
			
		</script>

	<body onload="YZM()">
		<center>
			<h3>注册页面</h3>
			<hr />
		<form action="" method="post">
		<table >
					<tr height="35px">
						<td width="150px">用户名:</td>
						<td width="400px">
							<input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()"/>
							<span id="uname_span">*用户名必须是3-5位的汉字</span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>密码:</td>
						<td>
							<input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()"/>
							<span id="pwd_span">密码必须是3-6位数字的</span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>手机号:</td>
						<td>
							<input type="text" name="phone" id="phone" value="" alt="手机号" onblur="checkPhone()"/>
							<span id="phone_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>邮箱:</td>
						<td>
							<input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()"/>
							<span id="email_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>性别:</td>
						<td>
							男:
							<input type="radio" name="sex" id="" value="1" /> 女:
							<input type="radio" name="sex" id="" value="0" />
							<span id="sex_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>爱好:</td>
						<td>
							<input type="checkbox" name="fav" id="fav" value="1" />唱歌
							<input type="checkbox" name="fav" id="fav" value="2" />睡觉
							<input type="checkbox" name="fav" id="fav" value="3" />LOL
							<br />
							<input type="checkbox" name="fav" id="fav" value="4" />旅游
							<input type="checkbox" name="fav" id="fav" value="5" />高尔夫
							<input type="checkbox" name="fav" id="fav" value="6" />篮球
						</td>
					</tr>
					
					<tr height="35px">
						<td>籍贯</td>
						<td>
							<select name="address" id="sel">
								<option value="0">--请选择--</option>
								<optio
									n value="1">河南</option>
								<option value="2">胡南</option>
								<option value="3">海南</option>
								<option value="4">云南</option>
							</select>
							<span id="sel_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>验证码:</td>
						<td>
							<input type="number" name="" id="yzm" value="" />
							<span id="yzm_span"></span>
						</td>
					</tr>
					
					<tr height="35px">
						<td>个人介绍:</td>
						<td>
							<textarea rows="8" cols="30"></textarea>
						</td>
					</tr>
					
					<tr height="35px">
						<td colspan="2" align="center">
							<input type="checkbox" name="" id="check" value="">是否同一本公司协议
						</td>
					</tr>
					
					<tr height="35px">
						<td colspan="2" align="center">
							<input type="submit" value="注册" id="sub" disabled="true" />
						</td>
					</tr>
					
			</table>
			</form>
			</center>
	</body>

运行效果:   没有反应的, 代码还一样, 急死人了

GIF.gif

JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 539楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 540楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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