2019-01-14

最新推荐文章于 2022-06-02 10:21:47 发布

哈哈哈cd

最新推荐文章于 2022-06-02 10:21:47 发布

阅读量148

点赞数 1

本文链接：https://blog.csdn.net/weixin_43986102/article/details/86481221

版权

2019-01-14

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function checkform(){
				if(checkusername()&&checkpassword()){
					alert("登录成功");
					return true;
				}
				alert("登录失败");
				return false;
			}
			
			function checkusername(){
				var a =document.forms[0].username.value;
				if(a.length==0){
					alert("请输入用户名");
					return false;
				}
				for(i=0;i<a.length;i++){
					var b =a.charAt(i);
					if(!(b>='a'&&b<='z'||b>='0'&&b<='9'||b=='_')){
						alert("会员名包括非法字符，只能包括a-z、0-9和下划线");
						return false;
					}
				}
				return true;
			}
			
			function checkpassword(){
				var c =document.forms[0].password.value;
				if(c.length==0){
					alert("未输入密码"+"\n请输入密码");
					return false;
				}
				if(c.length<6){
					alert("密码位数不能少于6位，请重新输入");
					return false;
				}
				return true;
			}
		</script>
	</head>
	<body>
		<form onsubmit="return checkform()">
			<table>
				<tr>
					<td>会员名：</td>
					<td><input type="text" name="username">(可包含a-z、0-9和下划线)</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" name="password">(至少包含6个字符)</td>
				</tr>
				<tr>
					<td  colspan="2" align="center">
						<input type="submit" value="登录">
						<input type="reset" value="重填">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function checkform(){
				if(checkusername()&&checkpassword()&&checkyear()&&checkday()){
					alert("登录成功");
					return true;
				}
					alert("登录失败");
					return false;
			}
			
			function checkusername(){
				var a =document.forms[0].username.value;
				if(a.length==0){
					alert("登录名不能为空"+"\n请重新输入");
					return false;
				}
				return true;
			}
			
			function checkpassword(){
				var a =document.forms[0].password.value;
				if(a.length==0){
					alert("密码不能为空"+"\n请重新输入");
					return false;
			}
				if(a.length<6){
					alert("密码至少包含6个字符");
					return false;
			}
				var b =document.forms[0].password1.value;
				if(a!=b){
					alert("两次密码不同");
					return false;
				}
				return true;
			}
			
			function checkyear(){
				var a =document.forms[0].year.value;
				if(!(a.charAt(0)==2&&a.charAt(1)==0)){
					alert("年份必须是20开头");
					return false;
				}
				return true;
			}
			
			function checkday(){
				var a =document.forms[0].day.value;
				if(!(a>=1&&a<=31)){
					alert("日期必须在1-31之间")
					return false;
				}
				return true;
			}
		</script>
	</head>
	<body>
		<form onsubmit="return checkform()">
			<table>
				<tr>
					<td align="right">登录名：</td>
					<td><input type="text" name="username"></td>
				</tr>
				<tr>
					<td align="right">密码：</td>
					<td><input type="password" name="password">(至少包含6个字符)</td>
				</tr>
				<tr>
					<td align="right">再次输入密码：</td>
					<td><input type="password" name="password1"></td>
				</tr>
				<tr>
					<td align="right">出生日期：</td>
					<td><input type="text" name="year" size="5" value="yyyy">&nbsp;年&nbsp;&nbsp;&nbsp;
						<select name="month">
							<option value="1">[选择月份]</option>
							<option value="2">2</option>
							<option value="3">3</option>
						</select>&nbsp;月&nbsp;&nbsp;&nbsp;
						<input type="text" name="day" size="5" value="dd">&nbsp;日
					</td>
				</tr>
				<tr>
					<td align="center">
						<input type="reset" value="重填" size="20">
					</td>
					<td>
						<input type="submit" value="同意以下服务条款，提交注册信息">
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>