如何使用jQuery Validation Plugin验证jQuery UI组合框值？

Question

我已经将jQuery UI组合框与远程源添加到我的表单中.现在,我试图用jQuery Validation Plugin验证它(只允许列表中的值,字段是必需的).

我尝试过标准方法:

 $("#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>