项目开发过程中使用到了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即可