easyui combobox验证不为空和提示信息一致错误提示
easyui combobox为空时错误提示,如果和默认的提示信息一致时,也需要提示错误信息示例。
<select name="language" id="lan"><option value="">...</option> <option value="ar">Arabic</option> <option value="ca">Catalan</option> <option value="zh-cht">Chinese Traditional</option> <option value="en">English</option> <option value="et">Estonian</option></select>
combobox为空验证很简单,以上面的select代码为例
1)通过dom配置combobox,给select对象添加data-options="required:true“配置,同时class添加 easyui-validatebox样式即可。
<select name="language" id="lan" class="easyui-combobox easyui-validatebox" data-options="required:true">
2)通过代码配置combobox
$(function () { $('#lan').combobox({required:true}); });
上面的select默认选中了提示信息"...”这个项,所以combobox的text显示的内容是...,required满足,所以不会显示错误提示。要想combobox显示默认提示信息时也提示错误,需要自定义一个验证对象validatebox,同时配置validType为自定义的验证。
$.extend($.fn.validatebox.defaults.rules, { comboVry: { validator: function (value, param) {//param为默认值 return value == param; }, message: '请选择内容' } });
combobox最终不为空验证代码如下,注意如果你的默认值为其他的,注意修改validType:['comboVry','...']中第二个参数
1)通过dom配置combobox
<select name="language" class="easyui-combobox easyui-validatebox" data-options="required:true,validType:['comboVry','...']" id="lan">
2)通过代码配置combobox
$(function () { $('#lan').combobox({required:true,validType:['comboVry','...']}); });
加支付宝好友偷能量挖...
原创文章,转载请注明出处:easyui combobox验证不为空和提示信息一致错误提示