ドロップダウンボックスが選択され、空であることを確認します

/**验证下拉框是否选择,是否为空
        * 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;

        }

 

おすすめ

転載: blog.csdn.net/qq_36073688/article/details/84547303