正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。
正则表达式目的
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