表单事件与正则表达式案例分析

<!DOCTYPE html>
		<!--
		使用正则和表单事件完成表单的跳转,
		要求只有用户名是QQ邮箱,
		密码是数字字母组成的6-12位才能跳转。
	-->
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script type="text/javascript">
			
			function password(){
     
     
				var reg = /^[A-Za-z0-9]{6,12}$/;
					
				if( !reg.test(document.getElementById("pw").value)){
     
     
					document.getElementById("two").innerHTML="不正确";
				}else{
     
     
					document.getElementById("two").innerHTML="正确";
				}
			}
			
			function email(){
     
     
				var sp = document.getElementById("three");
				var reg = /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
				if(!reg.test(document.getElementById("em").value)){
     
     
					sp.innerText="不正确";
				}else{
     
     
					sp.innerText="正确";
				}
			}
			
		</script>
	</head>
	<body>

	    密码:(6-12位数字或者密码)<br/>
	    <input type="text" id="pw" >
	    <input type="button" value="test" onclick="password()" >
	    <span id="two"></span>
	    <br/><hr/>
	     邮箱:([email protected])<br/>
	    <input type="text" id="em" >
	    <input type="button" value="test" onclick="email()" >
	    <span id="three"></span>
	    <br/><hr/>
	
	</body>
<ml>

猜你喜欢

转载自blog.csdn.net/zhu_fangyuan/article/details/108276879
今日推荐