爱娱乐
您的当前位置:首页怎样使用正则表达式对注册表进行验证

怎样使用正则表达式对注册表进行验证

来源:爱娱乐


这次给大家带来使用正则表达式对注册表进行验证,使用正则表达式对注册表进行验证的注意事项有哪些,下面就是实战案例,一起来看一下。

正则表达式

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

正则表达式目的

1. 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”);

2. 可以通过正则表达式,从字符串中获取我们想要的特定部分。

正则表达式的特点是

1.灵活性、逻辑性和功能性非常的强;

2.可以迅速地用极简单的方式达到字符串的复杂控制;

3.对于刚接触的人来说,比较晦涩难懂。

注册表验证

1.获取id

function $(id){
 return document.getElementById(id);
}

2.验证姓名

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.验证密码

function checkPwd(){
 //获得值
 同上…
 //判断不能为空
 同上…
 //正则表达式
 var reg=/^\S{6,}$/;
 //检测输入内容是否匹配正则表达式
 if(reg.test(password)==false){
 $('s2').innerHTML='密码必须是6位以上';
 return false;
 }
 //匹配,返回空
 同上…
}

4.验证邮箱

function checkEmail(){
 //获得值
 同上…
 //判断不能为空
 同上…
 //正则表达式
 var reg=/^\w+@\w+\.com|cn|net$/; 
 //检测输入内容是否匹配正则表达式
 if(!reg.test(email)){
 $('s3').innerHTML='邮箱不合法';
 return false;
 }
 //匹配,返回空
 同上…
}

5.验证手机号

function checkTel(){
 //获得值
 同上…
 //判断不能为空
 同上…
 //正则表达式
 var reg=/^1[34578]\d{9}$/; 
 //检测输入内容是否匹配正则表达式
 if(!reg.test(tel)){
 $('s4').innerHTML='手机号码不合法';
 return false;
 }
 //匹配,返回空
 同上…
}

6.验证身份证号

function checkCid(){
 //获得值
 同上…
 //判断不能为空
 同上…
 //正则表达式
 var reg=/^\d{15}$|^\d{17}\d|x$/; 
 //检测输入内容是否匹配正则表达式
 if(!reg.test(cid)){
 $('s5').innerHTML='身份证不合法';
 return false;
 }
 //匹配,返回空
 同上…
}

7.验证QQ号

function checkQQ(){
 //获得值
 同上…
 //判断不能为空
 同上…
 //正则表达式
 var reg=/^[1-9]\d{7,10}$/; 
 //检测输入内容是否匹配正则表达式
 if(!reg.test(qq)){
 $('s6').innerHTML='QQ必须是8到11数字组成,开头不能是0';
 return false;
 }
 //匹配,返回空
 同上…
}

8.检测所有条件

function checkAll(){
 if(checkName()&&checkPwd()&&checkEmail()&&checkTel()&&checkCid()&&checkQQ()){
 return true;
 }else{
 return false;
 }
}

当然,到后期可以使用jQuery Validate验证框架进行表达验证,更加便捷。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

怎么用正则把字符串分组

用正则表达式验证登录页面的输入内容

显示全文