表单验证

gjx_spider

于 2020-02-19 10:20:06 发布

阅读量173

点赞数

文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/qq_42982682/article/details/104388303

版权

利用正则表达式进行表单验证

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>利用正则进行表单验证</title>
</head>
<body>
	<h3>javascript内置对象--正则进行表单验证</h3>
	<form name="myform"  onsubmit=" return Check()" action="时间.html" method="post">
		账号：<input type="text" name="uname"/>8-16位数字字母下划线<br/><br/>
		密码：<input type="password" name="pwd"/>1-8位<br/><br/>
		邮箱：<input type="text" name="email"/>eg:123@qq.com<br/><br/>
		年龄：<input type="text" name="age"/>大于1的整数<br/><br/>
		<input type="submit" value="提交"/>
	</form>
	<script type="text/javascript">
		function Check(){
			//获取账号信息进行验证
			var uname = document.myform.uname.value;
			if(uname.match(/^[a-zA-Z0-9_]{8,12}$/)==null){
				alert("请输入8-16位的数字字母下划线");
				return false;
			}

			var pwd = document.myform.pwd.value;
			if(pwd.match(/^.{1,8}$/)==null){
				alert("请输入1-8位的密码");
				return false;
			}

			var email = document.myform.email.value;
			if(email.match(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/)==null){
				alert("请输入格式正确的邮箱！");
				return false;
			}

			var age = document.myform.age.value;
			if(age.match(/^[0-9]{1,3}$/)==null || age==0){
				alert("请输入正确格式的年龄");
				return false;
			}
		}
	</script>
</body>
</html>