JAVAWeb表单验证

最新推荐文章于 2024-04-26 09:00:31 发布

是小李同学呀~

最新推荐文章于 2024-04-26 09:00:31 发布

阅读量1.5k

点赞数 1

分类专栏： JavaWeb基础学习文章标签： html5 html HTML 前端

本文链接：https://blog.csdn.net/qq_38557784/article/details/123645430

版权

JavaWeb基础学习专栏收录该内容

29 篇文章 1 订阅

订阅专栏

用户名:至少6位到10位，以字母、下划线、$开头，后接字符。
密码:密码至少6位,最多10位。
年龄:必须16-99岁。
-邮箱验证:
1)以至少3位字母或数字开头
2)之后必须有位@
3)@后必须有1位是小写的字母或数字
4)之后必须有一位.符号
5).符号后面由3位小写字母组成6)之后可能又有.与2位小写字母结束
-手机号:以1开头，必须是11位致字。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script type="text/javascript">
		function $(a){
			return document.getElementById(a);
		}
		
		function check(){
			// 获取对象
			var uname=$("uname");
			var upwd=$("upwd");
			var uage=$("uage");
			var umail=$("umail");
			var utel=$("utel");
			
			//规则
			var reg1=/^[a-zA-Z_$]\w{5,9}$/;
			var reg2=/^\w{6,10}$/;
			var reg3=/^(1[6-9])|([2-9][0-9])$/;//16-99
			var reg4=/^[a-zA-Z\d]{3,}\w*@([a-z]|\d)\w*\.[a-z]{3}(\.[a-z]{2})?$/;
			var reg5=/^1\d{10}$/;
			//判断
			if(uname.value==""){
				alert("用户名内容不能为空");
				return false;
			}
			if(!reg1.test(uname.value)){
				alert("用户名内容不合法");
				return false;
			}
			if(upwd.value==""){
				alert("密码不能为空");
				return false;
			}
			if(!reg2.test(upwd.value)){
				alert("密码内容不合法");
				return false;
			}
			if(uage.value==""){
				alert("年龄不能为空");
				return false;
			}
			if(!reg3.test(uage.value)){
				alert("年龄不合法");
				return false;
			}
			if(umail.value==""){
				alert("邮箱不能为空");
				return false;
			}
			if(!reg4.test(umail.value)){
				alert("邮箱内容不合法");
				return false;
			}
			if(utel.value==""){
				alert("手机号不能为空");
				return false;
			}
			if(!reg5.test(utel.value)){
				alert("手机号内容不合法");
				return false;
			}
			
		}
		
	</script>
	<body>
		<form action="https://www.baidu.com/" method="post" onsubmit="return check()">
			用户名：<input type="text" id="uname"><br> 
			密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" id="upwd"><br>
			年&nbsp;&nbsp;&nbsp;&nbsp;龄：<input type="text" id="uage"><br>
			邮&nbsp;&nbsp;&nbsp;&nbsp;箱：<input type="text" id="umail"><br>
			手机号：<input type="text" id="utel"><br>
			<input type="submit" id="ubtn" value="注册">
			
		</form>
	</body>
</html>

在这里插入图片描述

是小李同学呀~

关注

1
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
JAVAWeb表单验证

用户名:至少6位到10位，以字母、下划线、$开头，后接字符。密码:密码至少6位,最多10位。年龄:必须16-99岁。-邮箱验证:1)以至少3位字母或数字开头2)之后必须有位@3)@后必须有1位是小写的字母或数字4)之后必须有一位.符号5).符号后面由3位小写字母组成6)之后可能又有.与2位小写字母结束-手机号:以1开头，必须是11位致字。<!DOCTYPE html><html> <head> <meta charset="utf-8"&
复制链接

扫一扫