用正则表达式简写一个前端的信息校验页面

<script>
       function regist(){
            var tel=document.querySelector("#tel").value;
            var telMsg=document.querySelector("#telMsg");
            telMsg.innerText="";
            var telReg=/^[0-9]{3,4}s{0,1}[0-9]{8}$/;//这里的表达式是开头以3到4位数字开头中间            
                                                     //有1到两个空格间隔最后匹配8位数字
            if(!telReg.test(tel)){
                telMsg.innerText="请使用有效的电话号码!";
                return false;
            }

            var name=document.querySelector("#name").value.trim();
            var nameMsg=document.querySelector("#nameMsg");
            nameMsg.innerText="";
            var nameReg=/^[a-zA-Z]{1,6}$/;//匹配长度1到6位字母的组合不区分大小写
            if(!nameReg.test(name)){
                nameMsg.innerText="请规范用户名长度为6的纯字母组合!";
                return false;
            }


            var pwd=document.querySelector("#pwd").value.trim();
            var pwdMsg=document.querySelector("#pwdMsg");
            pwdMsg.innerText="";
            var pwdReg=/^[a-z,A-Z]{6}$/;
            if(!pwdReg.test(pwd)){
                pwdMsg.innerText="请输入正确的密码!";
                return false;
            }

            var email=document.querySelector("#email").value.trim();
            var emailMsg=document.querySelector("#emailMsg");
            emailMsg.innerText="";
            var emailReg=/^[0-9,a-z,A-Z]+@[0-9,a-z,A-Z]+.(com|cn|edu)$/;//开头以多个数字和字 
                                         //母@后面也是多个数字和字母结尾以给定的形式结尾
            if(!emailReg.test(email)){
                emailMsg.innerText="请使用有效的邮箱地址!";
                return false;
            }

            var mobile=document.querySelector("#mobile").value.trim();
            var mobileMsg=document.querySelector("#mobileMsg");
            mobileMsg.innerText="";
            var mobileReg=/^(130|134|189|177)[0-9]{8}$/;//开头以给定的形式开头,后面匹配8位数 
                                                           //字
            if(!mobileReg.test(mobile)){
                mobileMsg.innerText="请使用有效的电话号码!";
                return false;
            }
       }
    </script>

在此处的ja代码中所用到的正则表达式的知识都是基础的,想着自己学习了借此巩固一下,也希望大家能给出改进的建议。

经验分享 程序员 微信小程序 职场和发展