js用正则表达式完成邮箱验证

最新推荐文章于 2023-08-20 13:07:53 发布

碌碌111

最新推荐文章于 2023-08-20 13:07:53 发布

阅读量363

点赞数

文章标签： javascript 正则表达式前端

本文链接：https://blog.csdn.net/qq_66874942/article/details/127040768

版权

<form>
			<table align="center">
				<tr>
					<td colspan="2" align="center">
						<h2>欢迎注册**网站</h2>
					</td>
				</tr>
				<tr>
					<td>姓名：</td>
					<td><input type="text" placeholder="2-4个中文" id="name1"></td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" placeholder="至少6位,只能数字字母下划线" id="pass1"></td>
				</tr>
		
				<tr>
					<td>邮箱：</td>
					<td><input type="text" placeholder="但域名邮箱" id="Mail1"></td>
				</tr>
				<tr>
					<td>年龄：</td>
					<td><input type="text" placeholder="整数" id="Integer1"></td>
				</tr>
				<tr>
					<td colspan="2">
						<div style="text-align:center;"><input type="button" value="验证信息" id="verify" /></div>
					</td>
		
				</tr>
		
			</table>
		</form>

<script>
			document.getElementById("verify").onclick = function() {
				var a = /^[\u4e00-\u9fa5]+$/ //判断条件
				var name = document.getElementById("name1").value//获取标签的内容
				var isName = a.test(name)//检测获取内容是否匹配
				
				var b = /^[\0-9a-zA-Z_]+$/
				var pass = document.getElementById("pass1").value
				var isPass = b.test(pass)
				
				var c = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
				var Mail = document.getElementById("Mail1").value
				var isMail = c.test(Mail)
				
				var d = /^[1-9]\d*$/
				var Integer = document.getElementById("Integer1").value
				var isInteger = d.test(Integer)
				if (isName) {//判断是否正确，正确就继续判断
					if (isPass) {
						if (isMail) {
							if(isInteger){
								alert("验证成功")
							}else {
								alert("年龄格式不正确")
							} 
						} else {
							alert("邮箱格式不正确")
						}
					} else {
						alert("密码格式不正确")
					}
				} else {
					alert("姓名格式不正确")
				}
			}
		</script>