如何使用 jQuery validate 验证选择？答案

【问题标题】：How to validate selects with jQuery validate?如何使用 jQuery validate 验证选择？
【发布时间】：2012-06-25 16:52:34
【问题描述】：

以下选择应该是强制性的：

<select id="area" class="input-xlarge">
  <option value="0" selected="selected"></option>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
</select>

<select multiple="multiple" id="reason" class="input-xlarge">
  <option value="001">reason001</option>
  <option value="002">reason002</option>
  <option value="003">reason003</option>
</select>

但是下面的代码不起作用：

$("#form").validate({
  rules: {
    "area": {
      required: true
    },
    "reason": {
      required: true
    }

【问题讨论】：

<select id="area" class="input-xlarge required">...添加 'required' 作为一个类使 jQuery Validate 拾取该字段并要求它选择一个开箱即用的验证选项。无需编写脚本。
jQuery Validate Required Select 的可能重复项
@Ohgodwhy，它适用于第一个字段，但不适用于第二个字段。

标签： jquery jquery-validate

【解决方案1】：

您的选择标签没有 name 属性，这是验证规则所基于的，因为它们是提交以及任何服务器端验证所必需的

【讨论】：