jQuery验证选择框

Question

我使用jQuery Validation Plugin进行表单验证,我无法验证列表/选择框

<select id="select">
 <option value="-1">Choose an option</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
</select>

现在,我想确保用户选择除"选择一个选项"之外的任何内容(这是默认选项,并且值为-1).因此,如果您选择第一个选项,它将无法验证.如何才能做到这一点？

Answer 1

把它<option value="">Choose an option</option>作为空白而不是-1

使用jquery验证

rules: {                      
                select: "required"
}

Answer 2

您可以使用Jquery Validator自定义规则.

这里讨论类似的例子.以下代码来自示例:

// add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg != value;
 }, "Value must not equal arg.");

 // configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "-1" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });