JS验证正则（最简洁）

最新推荐文章于 2024-08-12 10:03:23 发布

随遇而安的bug

最新推荐文章于 2024-08-12 10:03:23 发布

阅读量331

点赞数 1

分类专栏： WEB JS 验证正则文章标签： WEB JS 验证正则

本文链接：https://blog.csdn.net/B_summer/article/details/79060861

版权

WEB 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

验证正则

1 篇文章 0 订阅

订阅专栏

<script>
        //声明正则
        var i,inputs,text='',reg='',testReg='',
            userReg=/^[^~!#\$%\^&\*,.\/]\S{4,20}$/,
            pwdReg=/^[\w-]{6,12}$/,
            mailReg=/^[\w-]+@[a-z0-9]+.(com|cn|com.cn|net|org)$/;
            phoneReg=/^\d{11}$/;
        function checkInput(){
            var inputs=$("form input[class=text]");
            inputs.each(function(index,element){
                $(element).focus(function(){
                    text=isInput(this.name,false);
                    $(this).next("span").text(text).css("color","red");
                });
                $(element).blur(function(){
                    blurFun($(element),this.name);
                });
            });
        }
        //离开焦点
        function blurFun(curInput,name){
            if(curInput.val()==""){
                curInput.next("span").text("");
            }else{
                reg=isInput(this.name,true);
                if(reg.test(curInput.val())){
                    curInput.next("span").text("√").css("color","green");
                    //确认密码
                    if(name=="repassword" && $("input[name=password]").val()!=$("input[name=repassword]").val()){
                        $("input[name=repassword]").next().text("两次密码不一致！请重新输入").css("color","red");
                        return false;
                    }else{
                        curInput.next("span").text("√").css("color","green");
                    }
                }else{
                    curInput.next("span").text("×");
                }
                
            }
        }
        // 判断是否为空
        function notnull(){
            if($("form input[class=text]").val!=""){
                return true;
            }
        }
        //判断操作的是哪个文本框
        function isInput(Name,c){
            switch(Name){
                case 'username':text='用户名为4-20位';
                reg=userReg;
                break;
                case 'password':text='密码为6-12位的字母、数字、下划线或减号';
                reg=pwdReg;
                break;
                case 'repassword':text='请再次输入密码';
                reg=pwdReg;
                break;
                case 'telephone':text='请输入正确的手机号码';
                reg=phoneReg;
                break;
                case 'name':text='请输入真实姓名';
                reg=userReg;
                break;
            }
            if(c){
                return reg;
            }else{
                return text;
            }
        }
    
    $(function(){
        checkInput();
    })
</script>