正则表达式-注册表验证

正则表达式-注册表验证

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

正则表达式目的
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验证框架进行表达验证，更加便捷。