-1

我正在使用JQuery 验证插件来验证包含下拉列表和其他文本字段的表单中的字段，但我不知道如何检查下拉列表中的选定项目值是否 > 0，所以我想知道是否任何人都知道如何使用 JQuery 验证插件检查所选项目的值？

目前我正在使用此代码来确保下拉列表字段是必需的，但不确定如何添加验证选定值代码：

$( "#contactusform" ).validate({
  rules: {
    country: {
      required: true
    }
  }
});

HTML 选择：

<select id="country">
  <option value="0">-Select Country-</option>
  <option value="1">United States</option>
  <option value="2">China</option>
  <option value="3">France</option>
</select>

我想确保访问者选择任何国家，但不选择价值 = 0 的“-Select Country-”

谢谢你的时间

4

2 回答 2

1

根据您更新的 OP：

$( "#contactusform" ).validate({
    rules: {
        country: {
            required: true
        }
    }
});

HTML 选择：

<select id="country">
    <option value="0">-Select Country-</option>
    <option value="1">United States</option>
    <option value="2">China</option>
    <option value="3">France</option>
</select>

“我想确保访问者选择任何国家，但不选择值 = 0 的“-Select Country-””

这里有两个问题...

1）您的<select>元素必须具有唯一的name属性才能被 jQuery Validate 插件拾取。

2）您的第一个<option>元素必须具有value=""才能使required规则起作用： <option value="">-Select Country-</option>

工作演示：http: //jsfiddle.net/cdPs9/

如果您的第一个元素由于某种原因<option>不能具有，则使用该规则作为解决方法。在这种情况下不使用该规则，因为它永远不会被调用。我还使用该选项来覆盖默认错误消息。value=""minrequiredmessagesmin

rules: {
    country: {
        min: 1
    }
},
messages: {
    country: "this field is required"
}

工作演示 2：http: //jsfiddle.net/cdPs9/1/

于 2013-11-05T00:30:24.900 回答
0

你可以使用minandmax为此

$( "#contactusform" ).validate({
  rules: {
    country: {
      required: true,
      min: 1, //validates minimum value the element has to have
      max:5  // validates the max value
    }
  }
于 2013-11-04T17:35:58.490 回答