zoukankan      html  css  js  c++  java
  • 验证插件

    /**
     * Created by Administrator on 2015/8/27.
     */
    $(function(){
        //验证插件
        var ValidBidForm = {
            formid:"form_id",
            eleresult:"span.sp-result:first",
            isAccess:false,     //是否正在访问
            errArray:[],        //错误数组
            iptList:{    //无slt_开头均为文本框 id  , 含有slt_开头为select下拉框 的class
                bidtitle:{
                    regex:regexCollection.notempty,
                    onFocus:"请输入招标标题",
                    onKeyup:"招标标题不能为空"
                },
                bidDeadline1:{
                    regex:regexCollection.mDate,
                    onFocus:"请选择投标截止时间",
                    onKeyup:"投标截止时间不能为空"
                },
                bidResultDate1:{
                    regex:regexCollection.mDate,
                    onFocus:"请选择公布结果时间",
                    onKeyup:"公布结果时间不能为空"
                },
                slt_contactperson:{
                    regex:regexCollection.notempty,
                    onChange:"联系人必选"
                }
            },
            userDefineValid:function(){//用户自定义验证方法
                var _this = this;
                //商品名称
                $(".tb-bidproinfo tbody").delegate(".prodName","focusin",function(){
                    _this.getfocus($(this),"请输入商品名称");
                });
                $(".tb-bidproinfo tbody").delegate(".prodName","blur",function(){
                    $(this).trigger("keyup");
                });
                $(".tb-bidproinfo tbody").delegate(".prodName","keyup",function(){
                    if(!$.trim($(this).val()).match(regexCollection.notempty)){
                        ValidBidForm.whenError($(this),"商品名称不能为空");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        ValidBidForm.whenCorrect($(this));
                    }
                });
                //所属行业
                $(".tb-bidproinfo tbody").delegate(".regionclass .catgyId","blur",function(){
                    if(!$.trim($(this).val()).match(regexCollection.notempty) || $(this).parent().find("label").html()==""){
                        ValidBidForm.whenError($(this).parent(".regionclass"),"所属行业必选");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        ValidBidForm.whenCorrect($(this).parent(".regionclass"));
                    }
                });
                //数量
                $(".tb-bidproinfo tbody").delegate(".prodQuantity","focusin",function(){
                    _this.getfocus($(this),"请输入数量");
                });
                $(".tb-bidproinfo tbody").delegate(".prodQuantity","blur",function(){
                    $(this).trigger("keyup");
                });
                $(".tb-bidproinfo tbody").delegate(".prodQuantity","keyup",function(){
                    if(!$.trim($(this).val()).match(regexCollection.mNum)){
                        ValidBidForm.whenError($(this),"只能为非负整数");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        ValidBidForm.whenCorrect($(this));
                    }
                });
                //收货地
                $(".tb-list-box tbody .recivaddress .deliverAddrId").bind("blur",function(){
                    if(!$.trim($(this).val()).match(regexCollection.notempty) || $(this).parent().find("label").html()==""){
                        ValidBidForm.whenError($(this).parent(".recivaddress"),"收货地必选");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        ValidBidForm.whenCorrect($(this).parent(".recivaddress"));
                    }
                });

                //电话
                $(".tb-list-box tbody .ipttel").bind("focusin",function(){
                    _this.getfocus($(this),"请输入加区号的固定电话");
                });
                $(".tb-list-box tbody .ipttel").bind("blur",function(){
                    $(this).trigger("keyup");
                });
                $(".tb-list-box tbody .ipttel").bind("keyup",function(){
                    var $mobile = $(".tb-list-box tbody .iptphone");
                    if(!$.trim($(this).val()).match(regexCollection.tel) && $.trim($(this).val())!=""){
                        ValidBidForm.whenError($(this),"固定电话格式错误");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        if($.trim($(this).val())=="" && $.trim($($mobile).val()) == ""){
                            ValidBidForm.whenError($(this),"");
                            ValidBidForm.whenError($($mobile),"固定电话和手机必须选填一个");
                            ValidBidForm.errArray.push($(this));
                        }else if(!$.trim($($mobile).val()).match(regexCollection.mobile) && $.trim($($mobile).val())!=""){
                        ValidBidForm.whenError($($mobile),"手机号格式错误");
                            ValidBidForm.errArray.push($($mobile));
                        }else{
                            ValidBidForm.whenCorrect($(this));
                            ValidBidForm.whenCorrect($($mobile));
                        }
                    }
                });
                //手机
                $(".tb-list-box tbody .iptphone").bind("focusin",function(){
                    _this.getfocus($(this),"请输入手机号");
                });
                $(".tb-list-box tbody .iptphone").bind("blur",function(){
                    $(this).trigger("keyup");
                });
                $(".tb-list-box tbody .iptphone").bind("keyup",function(){
                    var $tel = $(".tb-list-box tbody .ipttel");
                    if(!$.trim($(this).val()).match(regexCollection.mobile) && $.trim($(this).val())!=""){
                        ValidBidForm.whenError($(this),"手机号格式错误");
                        ValidBidForm.errArray.push($(this));
                    }else{
                        if($.trim($(this).val())=="" && $.trim($($tel).val()) == ""){
                            ValidBidForm.whenError($(this),"");
                            ValidBidForm.whenError($($tel),"固定电话和手机必须选填一个");
                            ValidBidForm.errArray.push($(this));
                        }else if(!$.trim($($tel).val()).match(regexCollection.tel) && $.trim($($tel).val())!=""){
                        ValidBidForm.whenError($($tel),"固定电话格式错误");
                            ValidBidForm.errArray.push($($tel));
                        }else{
                            ValidBidForm.whenCorrect($(this));
                            ValidBidForm.whenCorrect($($tel));
                        }
                    }
                });
            },
            validFormData:function(){
                //验证数据
                for(var item in this.iptList){
                if(item.toString().indexOf("slt_")!=-1){
                    this.sltHandler(item);
                }else{
                    if(item != undefined) $("#"+item).trigger("keyup");
                }
                    
                }
                
                //用户自定义验证
                $(".tb-bidproinfo tbody .prodName").trigger("keyup");   //商品名称
                $(".tb-bidproinfo tbody .regionclass .catgyId").trigger("blur");    //所属行业
                $(".tb-bidproinfo tbody .prodQuantity").trigger("keyup");   //数量
                $(".tb-list-box tbody .recivaddress .deliverAddrId").trigger("blur");   //收货地
                //$("#mySelectContactPerson").trigger("change");  //联系人
                $(".tb-list-box tbody .ipttel").trigger("keyup");   //固定电话
                $(".tb-list-box tbody .iptphone").trigger("keyup"); //手机


            },
            getfocus:function(obj,des){
                this.funBorderDefault(obj,des);
            },
            whenError:function(obj,des){
                this.funBorderError(obj,des);
            },
            whenCorrect:function(obj){
                this.funBorderCorrect(obj);
            },
            validSubmit:function(funback){    //表单提交
                var _this = this;
                if (_this.isAccess == false){
                    _this.isAccess = true;
                    try{
                        _this.errArray.length=0;
                        _this.validFormData();
                        if(_this.errArray.length>0){
                            _this.isAccess = false;
                            return false;
                        }
                        _this.isAccess = false;
                        if(funback) funback();
                        return true;
                    }catch(e){
                        _this.isAccess = false;
                        return false;
                    }
                }
                return false;
            },
            funFocusCorrectStyle:function(obj,hasBorder){
                (hasBorder==true) ? obj.css({ "background-color": "#fef3e6", "border": "1px solid #e4b884" }) : obj.css({ "background-color": "#fef3e6" });
            },
            funcFocusErrorStyle:function(obj, hasBorder) {
                (hasBorder == true) ? obj.css({ "background-color": "#f6dbe7", "border": "1px solid #f73d41" }) : obj.css({ "background-color": "#f6dbe7" });
            },
            funFocusDefaultStyle:function(obj, hasBorder) {
                (hasBorder == true) ? obj.css({ "background-color": "#ffffff", "border": "1px solid #d2d2d2" }) : obj.css({ "background-color": "#ffffff" });
            },
            funBorderError:function(obj,des) {
                this.funcFocusErrorStyle($(obj), true);
                $(obj).nextAll(this.eleresult).html(des).css({ "color":"#ff0000" });;
            },
            funBorderCorrect:function(obj) {
                this.funFocusCorrectStyle($(obj), true);
                $(obj).nextAll(this.eleresult).html("");
            },
            funBorderDefault:function(obj,des) {
                this.funFocusDefaultStyle($(obj), true);
                if(des!="")
                    $(obj).nextAll(this.eleresult).html(des).css({ "color":"#999999" });
                else
                    $(obj).nextAll(this.eleresult).html("");
            },
            initEvent:function(){//绑定事件
                for(var item in ValidBidForm.iptList){  //绑定静态输入框事件
                    if(item != undefined){
                        if(item.indexOf("slt_")!=-1){
                            $("."+item).bind("change",{index: item},this.changeHandler);
                        }else{
                                $("#"+item).bind("focusin",{index: item},this.focusinfHandler);
                                $("#"+item).bind("blur",{index: item},this.blurHandler);
                                $("#"+item).bind("keyup",{index: item},this.keyupHandler);
                            }
                    }
                }
                this.userDefineValid(); //用户自定义绑定事件
            },
            focusinfHandler:function(event){
                ValidBidForm.getfocus($("#"+event.data.index),ValidBidForm.iptList[event.data.index].onFocus);
            },
            blurHandler:function(event){
                $("#"+event.data.index).trigger("keyup");
            },
            keyupHandler:function(event){
                if(!$.trim($("#"+event.data.index).val()).match(ValidBidForm.iptList[event.data.index].regex)){
                    ValidBidForm.whenError($("#"+event.data.index),ValidBidForm.iptList[event.data.index].onKeyup);
                    ValidBidForm.errArray.push(event.data.index.toString());
                }else{
                    ValidBidForm.whenCorrect("#"+event.data.index);
                }
            },
            changeHandler:function(event){
                if(!$.trim($("."+event.data.index).val()).match(ValidBidForm.iptList[event.data.index].regex)){
                    ValidBidForm.whenError($("."+event.data.index),ValidBidForm.iptList[event.data.index].onChange);
                    ValidBidForm.errArray.push(event.data.index.toString());
                }else{
                    ValidBidForm.whenCorrect("."+event.data.index);
                }
            },
            sltHandler:function(_item){
                if(!$.trim($("."+_item).val()).match(ValidBidForm.iptList[_item].regex)){
                    ValidBidForm.whenError($("."+_item),ValidBidForm.iptList[_item].onChange);
                    ValidBidForm.errArray.push(_item.toString());
                }else{
                    ValidBidForm.whenCorrect("."+_item);
                }
            }
        };
        //初始化绑定事件
        ValidBidForm.initEvent();
        //获得焦点
        $("#"+ValidBidForm.formid).submit(function(){
            if(ValidBidForm.validSubmit(function(){
                    //回调函数
                    //alert("提交成功");
                })){
                return true;
            }
            else{
                return false;
            }
        });
    });

  • 相关阅读:
    定时任务
    ---Ubuntu 连接手机tethering
    ---thunar 文件浏览器的使用!
    ---recovery ui 修改
    ---wordpress 升级遇到的问题!
    ---BD PROCHOT
    ---安装/修复Ubuntu/Ach Linux efi 启动 !!!(包括双系统启动)
    ---sgdisk 分区表
    --- cache PV 丢失或损坏 怎么办
    ---lvm2分区修复问题!
  • 原文地址:https://www.cnblogs.com/zhoujiahong/p/4861292.html
Copyright © 2011-2022 走看看