jquery easyui校验select下拉列表值是否为空的问题

标签：style   使用   width   类   问题   cti   

属性名 类型 描述 默认值
required 布尔 定义文本域是否为必填项 false
validType 字符串 定义字段的验证类型，比如email, url, etc. null
missingMessage 字符串 当文本框为空时提示的文本信息 This field is required.
invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null

required只表示文本框中是否有内容，easy ui的select框渲染完后 会自动添加一个文本框用于输入，如下所示：


此时如果required=true，你清空此文本框，则会报 必须有内容的异常； 即此时验证的是中间的内容是否为空

你可以加editable="false" 不允许编辑

你现在是想校验 是否为空，可以这样

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、使用

id="test"
class="easyui-combobox"
name="state"
style="width:200px;"
required="true"
validType="selectValueRequired[‘#test‘]"
>
   test1  
   test2  
   test3


selectValueRequired[‘#test‘] 表示验证类型 和 验证的组件

jquery easyui校验select下拉列表值是否为空的问题,搜素材,soscw.com

jquery easyui校验select下拉列表值是否为空的问题

标签：style   使用   width   类   问题   cti   

原文地址：http://www.cnblogs.com/mbtq/p/3794728.html