JS 表单，简单验证输入正误

最新推荐文章于 2022-12-08 22:20:00 发布

華鬘

最新推荐文章于 2022-12-08 22:20:00 发布

阅读量290

点赞数 1

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/m0_70051776/article/details/126999095

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 表格 -->
		<table border="0" align="center" cellspacing="0" cellpadding="3PX">
			<tr align="center">
				<td colspan="2">欢迎注册淘宝网站</td>
			</tr>
			<tr align="center">
				<td>姓名：</td>
				<td><input type="text" id="a" placeholder="2-4个中文" /></td>
			</tr>
			<tr align="center">
				<td>密码：</td>
				<td><input type="text" id="b" placeholder="至少6位，只能字母数字下划线" /></td>
			</tr>
			<tr align="center">
				<td>邮箱：</td>
				<td><input type="text" id="c" placeholder="单域名邮箱" /></td>
			</tr>
			<tr align="center">
				<td>年龄：</td>
				<td><input type="text" id="d" placeholder="整数" /></td>
			</tr>
			<tr align="center">
				<td colspan="2"><input type="button" id="e" value="验证信息" /></td>
			</tr>
		</table>
		<script type="text/javascript">
			document.getElementById("e").onclick = function() {

				var jg = yz()
				if (jg) {
					alert("验证通过，注册成功")
				}
			}

			function yz() {
				var zhon = /^[\u4e00-\u9fa5]+$/
				var a1 = document.getElementById("a").value
				var isa1 = zhon.test(a1)

				var mm = /^[0-9a-zA-Z_]{6,}$/
				var mm1 = document.getElementById("b").value
				var mm2 = mm.test(mm1)

				var you = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
				var you1 = document.getElementById("c").value
				var you2 = you.test(you1)

				var zheng = /^[0-9]*$/
				var zheng1 = document.getElementById("d").value
				var zheng2 = zheng.test(zheng1)

				if (!isa1) {
					alert("名字格式不正确")
					return
				}
				if (!mm2) {
					alert("密码格式不正确")
					return
				}
				if (!you2) {
					alert("邮箱格式不正确")
					return
				}
				if (!zheng2) {
					alert("年龄格式不正确")
					return
				}
				return true
			}
		</script>
	</body>
</html>