温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么JavaScript中利用正则表达式提交页面验证

发布时间:2021-03-23 16:19:48 来源:亿速云 阅读:133 作者:Leah 栏目:web开发

今天就跟大家聊聊有关怎么JavaScript中利用正则表达式提交页面验证,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

<!DOCTYPE html> <html>	<head lang="en">	<meta charset="UTF-8">	<title></title>	</head>	<body>	用户名:	<input type="text" name="Name" id="Name" /><br/> 	密码:	<input type="text" name="pwd" id="pwd" /><br/>	 确认密码:	<input type="text" name="disPwd" id="disPwd" /><br/> 	邮箱:	<input type="text" name="email" id="email" /><br/> 	手机号:	<input type="text" name="phone" id="phone" /><br/> 	身份证号:	<input type="text" name="ID" id="ID" /><br/>	 地址:	<input type="text" name="address" id="address" /><br/>	<input type="button" value="验证" onclick="verification()" />	<script type="text/javascript">	function verification() {	var Name= document.getElementById("Name").value;	var pwd = document.getElementById("pwd").value;	var disPwd = document.getElementById("disPwd").value;	var email = document.getElementById("email").value;	var phone = document.getElementById("phone").value;	var idNumber = document.getElementById("ID").value;	var address = document.getElementById("address").value;	var NameRule = /^[A-Z][A-z0-9_]{5,19}$/;	var pwdRule = /^[a-zA-Z]\w{7,14}$/;	var disPwdRule = /^[a-zA-Z]\w{7,14}$/;	var emailRule = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;	var phoneRule = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;	var idNumberRule = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;	var addressRule = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/;	if(NameRule.test(user.trim())) {	if(pwdRule.test(pwd.trim())) {	if(disPwdRule.test(disPwd.trim())) {	if(emailRule.test(email.trim())) {	if(phoneRule.test(phone.trim())) {	if(idNumberRule.test(idNumber.trim())) {	if(addressRule.test(address.trim())) {	alert("验证成功");	} else {	alert("地址不合法");	}	} else {	alert("身份证号不合法");	}	} else {	alert("手机号不合法");	}	} else {	alert("邮箱不合法");	}	} else {	alert("确认密码不合法");	}	} else {	alert("密码不合法");	}	} else {	alert("用名不合法");	}	}	</script>	</body> </html>

4:效果图

怎么JavaScript中利用正则表达式提交页面验证怎么JavaScript中利用正则表达式提交页面验证

看完上述内容,你们对怎么JavaScript中利用正则表达式提交页面验证有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI