jquery easyui校验select下拉列表值是否为空的问题
2014-06-18 15:37
399 查看
属性名 类型 描述 默认值
required 布尔 定义文本域是否为必填项 false
validType 字符串 定义字段的验证类型,比如email, url, etc. null
missingMessage 字符串 当文本框为空时提示的文本信息 This field is required.
invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null
required只表示文本框中是否有内容,easy ui的select框渲染完后 会自动添加一个文本框用于输入,如下所示:
<span class="combo" style="width: 198px; height:
20px;"><input type="text" class="combo-text validatebox-text validatebox-invalid" autocomplete="off" style="width: 176px; height:
20px; line-height: 20px;"><span><span class="combo-arrow"
style="height: 20px;"></span></span><input
type="hidden" class="combo-value" name="state" value=""></span>
此时如果required=true,你清空此文本框,则会报 必须有内容的异常; 即此时验证的是<option></option>中间的内容是否为空
你可以加editable="false" 不允许编辑
你现在是想校验 <option value="">是否为空,可以这样
1、注册自定义的validateType
$.extend($.fn.validatebox.defaults.rules, {
selectValueRequired: {
validator: function(value,param){
console.info($(param[0]).find("option:contains('"+value+"')").val());
return $(param[0]).find("option:contains('"+value+"')").val() != '';
},
message: 'select value required.'
}
});
2、使用
<select
id="test"
class="easyui-combobox"
name="state"
style="width:200px;"
required="true"
validType="selectValueRequired['#test']"
>
<option value="">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
selectValueRequired['#test'] 表示验证类型 和 验证的组件
required 布尔 定义文本域是否为必填项 false
validType 字符串 定义字段的验证类型,比如email, url, etc. null
missingMessage 字符串 当文本框为空时提示的文本信息 This field is required.
invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null
required只表示文本框中是否有内容,easy ui的select框渲染完后 会自动添加一个文本框用于输入,如下所示:
<span class="combo" style="width: 198px; height:
20px;"><input type="text" class="combo-text validatebox-text validatebox-invalid" autocomplete="off" style="width: 176px; height:
20px; line-height: 20px;"><span><span class="combo-arrow"
style="height: 20px;"></span></span><input
type="hidden" class="combo-value" name="state" value=""></span>
此时如果required=true,你清空此文本框,则会报 必须有内容的异常; 即此时验证的是<option></option>中间的内容是否为空
你可以加editable="false" 不允许编辑
你现在是想校验 <option value="">是否为空,可以这样
1、注册自定义的validateType
$.extend($.fn.validatebox.defaults.rules, {
selectValueRequired: {
validator: function(value,param){
console.info($(param[0]).find("option:contains('"+value+"')").val());
return $(param[0]).find("option:contains('"+value+"')").val() != '';
},
message: 'select value required.'
}
});
2、使用
<select
id="test"
class="easyui-combobox"
name="state"
style="width:200px;"
required="true"
validType="selectValueRequired['#test']"
>
<option value="">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
selectValueRequired['#test'] 表示验证类型 和 验证的组件
相关文章推荐
- struts标签 select 下拉列表赋初值问题
- 解决IE8中select下拉列表文字上下不居中的问题
- java开发中select下拉列表在查询操作中保留查询条件问题
- select下拉列表判断是否进行了选项的选择
- AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题
- select 下拉列表相关的问题
- qtp录制weblist select下拉列表的时候 遇到的问题总结
- 关于list集合传到jsp,在struts的select标签中显示下拉列表问题
- knockout页面绑定下拉列表select选中项错误问题
- select下拉列表判断是否进行了选项的选择
- select网页下拉列表与div层遮盖问题
- select网页下拉列表与div层遮盖问题
- jquery判断input checkbox是否选择 select下拉列表选择的value
- 网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法!
- js如何控制select控件(下拉列表)
- ‘select’的使用:下拉列表分组显示
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 图片下拉列表的问题
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- 多个下拉列表(select)不能取重复值判断-动态增加输入框-模仿CSDN结贴时分数判断-但无层提示-Ajax取值(全部源码)