Bootstrap Validate 下拉框验证

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

html元素

<select id="userId" name="userId">

    <option value="">请选择</option>

    <option value="张三"></option>

</select>

 

Js验证

 

positionId: {

    validators: {

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

    }

}

 

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

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

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

 

---

 

html元素
 

<select id="userId" name="userId">

    <option value="-1">请选择</option>

    <option value="张三"></option>

</select>

 

Js验证

 

positionId: {

    validators: {

        callback: {

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

            //返回true/false

            callback: function (value, validator) {

                if(value == "-1"){

                    return false;

                }else{

                    return true;

                }

            }

    }

}

 

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