验证下拉框是否选择，是否为空

怼烎@ 2022-04-21 19:16 181阅读 0赞

/**验证下拉框是否选择，是否为空
            * zhangshuai
            * 2018年11月26日 15:46
            *说明：需要传入需要验证的下拉框id数组
            *class='fa fa-times-circle'  Font Awesome图标字体库
            *
            */
            var validateSelect=function () {
                var objValid = new Object();
                objValid.init= function(selectIds) {
                    objValid.selectIds=selectIds;
                    selectIds.forEach(function(id){
                        //提示信息，初始化时隐藏
                        var tip="<span style='display: none;' id='tip"+id+"'>"+
                                "<label  class='error'> <i class='fa fa-times-circle'></i>  请选择</label></span>";
                        $("#"+id).after(tip);
                    });
                     }
                 objValid.valid=function() {
                     selectIds=objValid.selectIds;    
                      var flag=0;//记录验证通过的下拉框个数。初始为0    全部通过则flag==selectIds.length
                      selectIds.forEach(function(id){
                            $("#"+id).blur(function(){
                                 var select=$("#"+id).val();
                                if(select==''||select==null)
                                {
                                   $("#"+id).next().show();
                                }
                                else{$("#"+id).next().hide();}
                                });
                            
                             $("#"+id).change(function(){
                                 var select=$("#"+id).val();
                                if(select==''||select==null)
                                {
                                    $("#"+id).next().show();
                                }
                                else{$("#"+id).next().hide();}
                                });    
                            
                            var value = $("#"+id+" option:selected").attr("value");
                            if(value==""){$("#"+id).next().show();}
                            else{
                                $("#"+id).next().hide();
                                flag=flag+1;
                                }
                        });
                        if(flag==selectIds.length){
                            return true;}
                        else{
                            return false}
                 }
                 return objValid;
    
            }