js中如何实现表单的验证

		1.表单验证也是通过正则表达来实现的
			1、什么是正则表达式: 
			能让计算机读懂的字符串匹配规则。

			2、正则表达式的写法:
			var re=new RegExp('规则', '可选参数');
			var re=/规则/参数;

			3、规则中的字符 
			1)普通字符匹配:
			如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’

			2)转义字符匹配:
			\d 匹配一个数字,即0-9
			\D 匹配一个非数字,即除了0-9
			\w 匹配一个单词字符(字母、数字、下划线)
			\W 匹配任何非单词字符。等价于[^A-Za-z0-9_]
			\s 匹配一个空白符
			\S 匹配一个非空白符
			\b 匹配单词边界
			\B 匹配非单词边界
			. 匹配一个任意字符

			var sTr01 = '123456asdf';
			var re01 = /\d+/;
			//匹配纯数字字符串
			var re02 = /^\d+$/;
			alert(re01.test(sTr01)); //弹出true
			alert(re02.test(sTr01)); //弹出false
			4、量词:对左边的匹配字符定义个数 
			? 出现零次或一次(最多出现一次)
			+ 出现一次或多次(至少出现一次)
			* 出现零次或多次(任意次)
			{n} 出现n次
			{n,m} 出现n到m次
			{n,} 至少出现n次

			5、任意一个或者范围 
			[abc123] : 匹配‘abc123’中的任意一个字符
			[a-z0-9] : 匹配a到z或者0到9中的任意一个字符

			6、限制开头结尾 
			^ 以紧挨的元素开头
			$ 以紧挨的元素结尾

			7、修饰参数:
			g: global,全文搜索,默认搜索到第一个结果接停止
			i: ingore case,忽略大小写,默认大小写敏感

			8、常用函数 
			test
			用法:正则.test(字符串) 匹配成功,就返回真,否则就返回假

			正则默认规则 
			匹配成功就结束,不会继续匹配,区分大小写

常用的正则规则(用户名验证、邮箱验证、密码验证、手机号码验证…)

		//用户名验证:(数字字母或下划线6到20位)
		var reUser = /^\w{6,20}$/;

		//邮箱验证:        
		var reMail = /^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$/i;

		//密码验证:
		var rePass = /^[\w!@#$%^&*]{6,20}$/;

		//手机号码验证:
		var rePhone = /^1[34578]\d{9}$/;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值