jquery - 如何使用 jQuery 验证插件验证 jQuery UI 组合框值？

Question

我已将带有远程源的 jQuery UI 组合框添加到我的表单中。现在，我尝试使用 jQuery 验证插件进行验证(仅允许列表中的值，字段是强制性的)。

我尝试过标准方法:

 $("#myform").validate({
    focusInvalid: false,
    focusCleanup: true,
    rules: {
      cbCountry: { // combobox
        required: true
      }

但仍然允许空值。我做错了什么？

更新:我尝试遵循下面 @Mike_Laird 的建议，并且发现我的自定义方法

$.validator.addMethod('validComboboxValue', function (value) {
},
...

当应用于 jQuery UI 组合框时甚至不会被调用。但是当我将相同的方法分配给标准文本输入时，它就会被调用。

Answer 1

基本思想是为每个选择选项设置值，然后编写自定义验证器方法来检查选项值。像下面的自定义方法这样的东西将只从需要的选择下拉列表中进行一些选择。

jQuery.validator.addMethod(
"selectComboboxCheck",
function (value, element)
    {
    if (element.value === "0") {return false;}
    else return true;
    }
"Required - select an option."
);

将 class="selectComboboxCheck"放入 select 标签中即可触发此方法。选择选项应该类似于

<option value = "1">1</option>