表单的验证

笔记

      自己写的一个表单验证  是一项一项的验证   此处借鉴了博友的全局变量 不然没有办法在最后验证的时候确保验证都通过了 下面我贴出我写的代码.....

<script>
        $(function(){
            var flag1=false;
            var flag2=false;
            var flag3=false;
            var flag4=false;
            var flag5=false;
            var flag6=false;
            $('input.userName').blur(function(){
                var reg =/^\w{4,}$/,
                    userName = $(this).val(),
                    zhen    = $("input.userName").parent().siblings().children("label");
                if(userName==""||(!reg.test(userName))){
                    zhen.html("请输入账号，并且账号须大于4位 !谢谢··");
                    flag1 = false;
                }else{
                    zhen.html("");
                    flag1 = true;
                }


            })
            $("input.pwd").blur(function(){
                var pwd = $(this).val(),
                    reg =/^\w{4,16}$/,
                    zhen    = $("input.pwd").parent().siblings().children("label");
                if(pwd==""||(!reg.test(pwd))){
                    zhen.html("请输入密码，并且密码由数字构成，长度在4-16位之间 !");
                    flag2 = false;
                }else{
                    zhen.html("");
                    flag2 = true;
                }
                surepass();
            })
            $("input.rpwd").blur(function(){
                surepass();
            })
            function surepass(){
                var rpwd = $('.rpwd').val(),
                    pwd = $('.pwd').val(),
                    zhen    = $("input.rpwd").parent().siblings().children("label");
                if(rpwd!=="" && pwd!==""){
                    if(rpwd!==pwd){
                        zhen.html("两次密码输入不一致，请核对后重新输入！ 谢谢··");
                        flag3 = false;
                    }else{
                        zhen.html("");
                        flag3 = true;
                    }
                }else{
                    zhen.html("密码不能空，请核对后重新输入!谢谢··");
                    flag3 = false;
                }
            }
//        银行卡
            $("input.bank").blur(function(){
                var bank = $(this).val(),
                    reg  = /(^\d{16}|\d{19})$/,
                    zhen    = $("input.bank").parent().siblings().children("label");
                if(!reg.test(bank)){
                    zhen.html("请输入正确位数的银行卡号！ 谢谢··");
                    flag6 = false;
                }else{
                    zhen.html("");
                    flag6 = true;
                }
            })
//        用户名
            $('input.Name').blur(function(){
                var Name = $("input.Name").val(),
                    testValue=/^[\u2E80-\u9FFF]+$/,
                    zhen    = $("input.Name").parent().siblings().children("label");
                if(testValue.test(Name)){
                    if(Name.length> 4 || Name.length <= 1){
                        zhen.html("姓名为2-4个字符  !");
                        flag4 = false;
                    }else{
                        zhen.html("");
                        flag4=true;
                    }
                }else{
                    zhen.html("姓名必须为汉字！ 谢谢··")
                    flag4 = false;
                }
            })
            $("input.idCard").blur(function(){
                var idCard = $(".idCard").val(),
                    sfz    = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                zhen    = $("input.idCard").parent().siblings().children("label");
                if(!sfz.test(parseInt(idCard))){
                    zhen.html("请输入正确的身份证号码  谢谢··");
                    flag5=false;
                }else{
                    zhen.html("");
                    flag5=true;
                }
            })
            $("#sub").click(function () {
                if(flag1 && flag2 && flag3 && flag4 && flag5 && flag6){
//                    alert("成功")
                    $("#form").submit();
                }
                else{
                    layer.alert("请填写以上内容，谢谢！",{"icon":5,timer:1500});
                    return false;
                }


            })
        })
</script>

此处用的是的匿名函数的方法。。。