JQuery 验证插件：确保表单字段不是特定值

Question

我正在使用 Jquery 验证插件，源自此处。

它对于必填字段、电子邮件等功能良好，但是我想为某些表单字段设置一些特定的验证规则。例如，我有一个选择表单字段，其中包含以下选项...

    <select name="salutation" id="salutation" class="conditional">
    <option value="0">--- Please Select ---</option>
            <option value="1">--- MR ---</option>
            <option value="2">--- MRS ---</option>
    </select>

然后，如果尚未选择称呼，我想使用验证插件显示一条消息..IE

    $("#userForm").validate({
   // Validate Fields On Blur   
      onfocusout: function(element){
      this.element(element);
   },
     // Set Specific Rules for Validation
     rules:{
     salutation: {
        NEQ:0                   
             }
    },
    messages:{
    salutation: {
    NEQ: "please select a salutation"               
     }
    }
   });

想知道是否有人对如何自定义有任何想法插件允许这样的事情。非常感谢

Answer 1

在这种情况下，您可以使用 range

range: [1, 2]

Answer 2

将“请选择”选项的值保留为空，并通过为选择字段分配 required 类来使其成为必填字段。这应该足以确保选择其他选项之一。请注意，它将显示默认消息：“此字段为必填字段。”而不是您的自定义消息，但您也可以对其进行调整。

<select name="salutation" id="salutation" class="required"> 
    <option value="">--- Please Select ---</option> 
    <option value="1">--- MR ---</option> 
    <option value="2">--- MRS ---</option> 
</select> 

$("#userForm").validate({ 
  // Validate Fields On Blur    
  onfocusout: function(element){ 
                  this.element(element); 
              }
});