easyui combobox验证不为空和提示信息一致错误提示

  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验证不为空和提示信息一致错误提示
评论(0)Web开发网
阅读(6957)喜欢(0)不喜欢(3)easyui