正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。
正则表达式目的
1. 给定的字符串是否符合正则表达式的过滤逻辑（称作“匹配”）；
2. 可以通过正则表达式，从字符串中获取我们想要的特定部分。
正则表达式的特点是
1.灵活性、逻辑性和功能性非常的强；
2.可以迅速地用极简单的方式达到字符串的复杂控制；
3.对于刚接触的人来说，比较晦涩难懂。
1.获取id
|
1
2
3
|
function $(id){ return document.getElementById(id);} |
2.验证姓名
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function checkName(){ //获取值 var username=$('user').value; //判断不能为空 if(username==''){ $('s1').innerHTML='用户名不能为空'; return false; } //正则表达式 var reg=/^[a-zA-Z][a-zA-Z0-9]{4,9}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(username)){ $('s1').innerHTML='用户名必须是5-10位数字或字母组成，开头不能是数字'； return false; } //匹配，返回空 $('s1').innerHTML=''; return true;} |
备注:s1为判断提示内容，添加在输入框后<span id='s1'></span>
3.验证密码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function checkPwd(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=/^\S{6,}$/; //检测输入内容是否匹配正则表达式 if(reg.test(password)==false){ $('s2').innerHTML='密码必须是6位以上'; return false; } //匹配，返回空 同上…} |
4.验证邮箱
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function checkEmail(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=/^\w+@\w+\.com|cn|net$/; //检测输入内容是否匹配正则表达式 if(!reg.test(email)){ $('s3').innerHTML='邮箱不合法'; return false; } //匹配，返回空 同上…} |
5.验证手机号
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function checkTel(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=/^1[34578]\d{9}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(tel)){ $('s4').innerHTML='手机号码不合法'; return false; } //匹配，返回空 同上…} |
6.验证身份证号
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function checkCid(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=/^\d{15}$|^\d{17}\d|x$/; //检测输入内容是否匹配正则表达式 if(!reg.test(cid)){ $('s5').innerHTML='身份证不合法'; return false; } //匹配，返回空 同上…} |
7.验证QQ号
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
function checkQQ(){ //获得值 同上… //判断不能为空 同上… //正则表达式 var reg=/^[1-9]\d{7,10}$/; //检测输入内容是否匹配正则表达式 if(!reg.test(qq)){ $('s6').innerHTML='QQ必须是8到11数字组成，开头不能是0'; return false; } //匹配，返回空 同上…} |
8.检测所有条件
|
1
2
3
4
5
6
7
|
function checkAll(){ if(checkName()&&checkPwd()&&checkEmail()&&checkTel()&&checkCid()&&checkQQ()){ return true; }else{ return false; }} |
当然，到后期可以使用jQuery Validate验证框架进行表达验证，更加便捷。
以上所述是小编给大家介绍的正则表达式注册表验证笔记整理，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持！
原文链接：http://blog.csdn.net/wpengblog/article/details/74908259
