master

分支 (1)

管理

管理

master

x_millet_mall
/
JavaScript.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>

			.ok{
				color:green;
			}
			.unok{
				color: red ;
			}

		</style>
		<script>
			function jianting(){
				var login1 = document.getElementById("login");
				var text1 = document.getElementById("text1").value;
				var reg = /^\w{5,10}$/;
				var account = text1.match(reg);
				if(account!==null){
					login1.className = "ok";
				}else{
					login1.className = "unok";
				}
			}
			function jianting1(){
				var login2 = document.getElementById("login2");
				var text2 = document.getElementById("text2").value;
				var reg = /^\w{10,20}$/;
				var account = text2.match(reg);
				if(account!==null){
					login2.className = "ok";
				}else{
					login2.className = "unok";
				}
			}

			var num =(Math.random()*100).toFixed(0);
			function guess(){
				alert(num);
				var text3 = document.getElementById("guess1").value;
				var result = document.getElementById("result");
				var reg = /^\d{1,2}|100$/;
				if(text3.match(reg)!=null){
					if(text3<num){
						result.value = "太小了"
					}else if(text3>num){
						result.value = "太大了"
					}else{
						result.value = "猜对了"
						return;
					}
			   }else{
			   	    alert("不是数字");
			   }

			}

		</script>
	</head>
	<body>
		姓名：<input id="text1" type="text" onblur="jianting();"/>
		<span id="login" class="">5-10位数字、下划线、字母</span><br />
		密码：<input  id="text2" type="text" onblur="jianting1();"/>
		<span id="login2">10-20位字母、数字、下划线</span><br />
		<input type="button" value="登陆"/><br />

		<input id="guess1" type="text" />
		<input  type="button" value="猜" onclick="guess();"/>
		<input  id="result" type="text" />
	</body>
</html>