jquery - 使用 jquery 验证插件验证选择

Question

我有一个默认值-1的html选择。

  <select id="BusinessDistrictId">
       <option value="-1">Select one...</option>
       //other options...
  </select>

我想强制用户选择除 -1 值之外的任何选项。我的jquery验证规则-

  rules: {
         BusinessDistrictId: { required: true , min:0}
        }

但是它不起作用。有什么建议吗？

Answer 1

如果您想使用 jQuery Validate 插件验证此元素，则其标记存在两个问题...

<select id="BusinessDistrictId">
    <option value="-1">Select one...</option>
    //other options...
</select>

1) 根据 jQuery Validate 插件的要求，每个元素必须有一个唯一的 name属性。当规则在.validate()内声明时，它们由 name 标识。 。但是，无论如何声明规则，每个元素仍然必须具有唯一的 name属性，因为这就是插件跟踪表单元素的方式。

2) 您的min: 0规则只是针对损坏的 required 的解决方法规则。为了使用required: true在<select>上元素，您必须具有 value=""第一个 <option> 上的属性元素;所以在你的情况下， required规则将始终被忽略。并且因为您有 min: 0规则，您将获得类似的验证结果，需要选择一个项目。即使有 value=""第一个 option 上的属性，同时具有 required和min select 上的规则元素没有逻辑意义。

这是正确的代码...

HTML:

<select id="BusinessDistrictId" name="BusinessDistrictId">
    <option value="">Select one...</option> <!-- first option contains value="" -->
    //other options...
</select>

jQuery:

rules: {
    BusinessDistrictId: {  // <-- this is the name attribute
        required: true
    }
},

演示:http://jsfiddle.net/y82dV/