Question

我使用的是来自here的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>

如果没有选择称呼，我想使用验证插件来显示消息..I.E

    $("#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); 
              }
});

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

2 个答案: