使用jquery验证插件验证select

Question

我有一个默认值为-1的html select。

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

我想强制用户选择-1 \f25 value -1以外的任何选项。我的jquery验证规则-

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

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

Answer 1

如果你想用jQuery验证插件来验证这个元素，它的标记有两个问题...

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

1)根据jQuery验证插件的要求，每个元素必须具有唯一的name属性。当规则在.validate()中声明时，它们由它们的name标识。然而，不管规则如何声明为，每个元素都必须有一个惟一的name属性，因为这是插件跟踪表单元素的方式。

2)您的min: 0规则只是对破坏的required规则的一种变通方法。为了在<select>元素上使用required: true，您必须在第一个value=""元素上具有value=""属性；因此，在本例中为时，将始终忽略required: true规则。由于您具有min: 0规则，因此您将获得类似的验证结果，该结果要求选择一个项。即使在第一个option上有value=""属性，在select元素上同时具有required和min规则也没有逻辑意义。

这是正确的代码。

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
    }
},

演示：

Answer 2

添加name="BusinessDistrictId“解决了我的问题。