如何使用jQuery進行交叉字段驗證？

Question

我看到很多幫助爲我的頁面上的任何字段類型編寫自定義jQuery驗證，但是如何編寫自定義驗證方法，將多個字段的值納入考慮（交叉驗證）？我認爲我應該做$.validator.addMethod來添加我的自定義方法，然後添加一個規則到驗證器對象（而不是一個特定的字段），但我遇到了語法問題。誰能幫忙？

例如，

我有兩個字段：日期和時間。我的形式是有效的只有：

1. 兩者都充滿
2. 的日期不是星期日
3. 的時間是早上6點到下午6點

Answer 1

您確實需要在這裏一些自定義的規則之間，但每種驗證方法都不需要考慮多個字段。對我來說，您需要三條不同的規則：要求適用於兩個字段（已內置），然後是時間規則（6AM - 6PM）和日期規則（不能是星期日）的自定義規則：

$.validator.addMethod("notsunday", function (value, element) { 
    var date = Date.parse(value); 
    return this.optional(element) || (date && date.getDay() !== 0); 
}); 

$.validator.addMethod("businesshours", function (value, element) { 
    var time = Date.parse(value); 
    return this.optional(element) || 
     (time && (time.getHours() >= 6 && time.getHours() <= 18)); 
}); 

$(document).ready(function() { 
    $("#test").validate({ 
     rules: { 
      date: { 
       required: true, 
       notsunday: true 
      }, 
      time: { 
       required: true, 
       businesshours: true 
      } 
     }, 
     messages: { 
      date: { 
       notsunday: "Can't be a Sunday!" 
      }, 
      time : { 
       businesshours: "Must be between 6AM and 6PM" 
      } 
     } 
    }); 
}); 

例子：http://jsfiddle.net/andrewwhitaker/7KFgn/

注意，此示例使用DateJS作出解析日期更加容易。