正则注册登录

最新推荐文章于 2021-06-09 19:17:30 发布

林城步

最新推荐文章于 2021-06-09 19:17:30 发布

阅读量342

点赞数

文章标签： html

本文链接：https://blog.csdn.net/wxlwxllxw/article/details/108042607

版权

昵称
用户名
密码
手机号
邮箱
年龄
入学日期
出生日期

下面是源代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
            function fun(){
            	var niname = document.getElementById("niname").value
            	var uname = document.getElementById("uname").value
            	var pwd = document.getElementById("pwd").value
            	var phone = document.getElementById("phone").value
            	var email = document.getElementById("email").value
            	var age = document.getElementById("age").value
            	var date = document.getElementById("date").value
            	var datet = document.getElementById("datet").value
            	
            	var rniname = /^\W{2,4}$/
            	var runame = /^\w{4,8}$/
            	var rpwd = /^[0-9]{6}$/
            	var rphone = /^[1][35789][0-9]{9}$/
            	var remail = /^\w{1,}[@]\w{1,}.com$/
            	var rage = /^[1-9][0-9]{0,1}$/
            	var rdate = /^[0-9]{4}[-][0-1][0-9][-][0-3][0-9]$/
            	var rdatet = /^[0-9]{4}[/][0-1][0-9][/][0-3][0-9]$/
            	
            	if (rniname.test(niname)) {
            		
            	} else{
            		alert("昵称不合法")
            		return
            	}
            	
            	if (runame.test(uname)) {
            		
            	} else{
            		alert("用户名不合法")
            		return
            	}
            	
            	if (rpwd.test(pwd)) {
            		
            	} else{
            		alert("密码不合法")
            		return
            	}
            	
            	if (rphone.test(phone)) {
            		
            	} else{
            		alert("手机号不合法")
            		return
            	}
            	
            	if (remail.test(email)) {
            		
            	} else{
            		alert("邮箱号不合法")
            		return
            	}
            	
            	if (rage.test(age)) {
            		
            	} else{
            		alert("年龄不合法")
            		return
            	}
            	
            	if (rdate.test(date)) {
            		
            	} else{
            		alert("入学日期不合法")
            		return
            	}
            	
            	if (rdatet.test(datet)) {
            		
            	} else{
            		alert("出生日期不合法")
            		return
            	}
            	
            	var form = document.getElementById("form")
            	form.submit()
            }
		</script>
</head>
<body>
    <center>
		<form id="form" action="registered" method="post">
			<table border="" cellspacing="" cellpadding="10">			
				<tr>
					<td>昵称</td>
					<td><input type="text" name="niname" id="niname" value="" /></td>
				</tr>
				<tr>
					<td>用户名</td>
					<td><input type="text" name="uname" id="uname" value="" /></td>
				</tr>
				<tr>
					<td>密码</td>
					<td><input type="text" name="pwd" id="pwd" value="" /></td>
				</tr>
				<tr>
					<td>手机号</td>
					<td><input type="text" name="phone" id="phone" value="" /></td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td><input type="text" name="email" id="email" value="" /></td>
				</tr>
				<tr>
					<td>年龄</td>
					<td><input type="text" name="age" id="age" value="" /></td>
				</tr>
				<tr>
					<td>入学日期</td>
					<td><input type="text" name="date" id="date" value="" /></td>
				</tr>
				<tr>
					<td>出生日期</td>
					<td><input type="text" name="datet" id="datet" value="" /></td>
				</tr>
				<tr>
					<td><input type="button" name="" id="" onclick="fun()" value="注册" /></td>
				</tr>
			</table>			
		</form>
		</center>
</body>
</html>