正则表达式和表单验证

最新推荐文章于 2022-06-20 14:32:17 发布

LUCK.Y-ZT

最新推荐文章于 2022-06-20 14:32:17 发布

阅读量137

点赞数

文章标签： javascript jquery css

本文链接：https://blog.csdn.net/qq_52232797/article/details/111565142

版权

1.正则表达式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<button>verify</button>
		<input type="text">
		
		<script src="./js/jquery-3.1.1.js"></script>
		<script>
			$('button').click(function(){
   
				/* //先获取输入框中的值
				let phone = $('input:eq(0)').val();
				//定义验证规则
				//let phoneVerify = /^1[0-9]{10}$/;
				let phoneVerify = /^1\d{10}$/;
				//进行验证
				console.log(phoneVerify.test(phone));
				
				let name = $('input:eq(1)').val();
				let nameVerify = /^[0-9A-z]{6,12}$/i;
				console.log(nameVerify.test(name)); */
				
				let email = $('input:eq(0)').val();
				//let emailVerify = /[0-9A-z]{1,}@[0-9A-z]{2,}\.[0-9A-z]{1,}/;
				let emailVerify = /[0-9A-z]{
   1,}@[0-9A-z]{
   2,}\.(cn|com)$/;
				console.log(emailVerify.test(email)); 
			})
		</script>
		
	<

最低0.47元/天解锁文章

LUCK.Y-ZT

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
正则表达式和表单验证

1.正则表达式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>verify</button> <input type="text"> <script src="./js/jquery-3.1.1.j
复制链接

扫一扫