jquery easyui校驗select下拉列表值是否為空的問題

屬性名 類型 描述 默認值
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'] 表示驗證類型 和 驗證的組件