easyui-select 下拉选框必填

最新推荐文章于 2025-08-23 12:57:41 发布

原创最新推荐文章于 2025-08-23 12:57:41 发布 · 1.5w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #select标签 #下拉选框必填

js模块专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在EasyUI中自定义验证规则selectValueRequired，确保下拉框选择项的有效性，并展示了具体实现方法及使用示例。

1、注册自定义的validateType

$.extend($.fn.validatebox.defaults.rules, {
     selectValueRequired: {
          validator: function(value,param){
               return $(param[0]).find("option:contains('"+value+"')").val() != '';
          },
     message: '提示消息'
     }
});

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>