Bootstrap Validate 下拉框验证

项目开发过程中使用到了bootstrap-validator元素验证控件,在对下拉框select进行验证代码编写时遇见一些问题,故作记录

html元素

 

Js验证

 

positionId: {

    validators: {

        notEmpty: {message: '请选择一个用户'}

    }

}

 

以上验证与其他html元素无区别

最初使用bootstarp validate验证下拉框select时发现”notEmpty”验证属性无效,使用下面将列举的callback方式进行调试,发现是”请选择”option元素没有设置value为空值””

如果请选择的值为空或为其他默认值(如-1等)时,该怎么判断呢?

 


 

html元素
 

 

Js验证

 

positionId: {

    validators: {

        callback: {

            message: '必须选择一个用户',

            //返回true/false

            callback: function (value, validator) {

                if(value == "-1"){

                    return false;

                }else{

                    return true;

                }

            }

    }

}

 

我们只需要编写callback方法,判断选择值是否为我们需要的返回值并且返回true/false即可

 

 

 

 

 

你可能感兴趣的:(js/jquery,bootstrap)