避免 jQuery 不显眼验证中的验证循环

Question

在我的表单中有两个字段，它们相互比较以查看它们是否有效：

<input type="text" name="StartDate" id="StartDate" value="2"
       data-val="true" data-val-equalto="xx" data-val-equalto-other="EndDate"/>   
<input type="text" name="EndDate" id="EndDate" value="3"
       data-val="true" data-val-equalto="xx" data-val-equalto-other="StartDate"/> 

当我对StartDate 进行模糊处理时，EndDate 也会得到验证。所以 jQuery 设法避免了两者之间的验证循环。

现在，我正在尝试在我的自定义验证规则中实现相同的机制。我从“其他”字段中获取值，如果一切正常，我也会在“其他”字段中触发验证，但这会以验证循环结束：

$.validator.addMethod("customequal-method", function (val, el, p) {
    var $other = $(el).closest('form').find('input[name=' + p.other + ']'); 
    if($other.val() == val){        
        try{$other.valid();}
        finally{return true;}
    }
    return false;
});

我如何应用与 jQuery 相同的方法？我的意思是，鉴于这两个字段：

<input type="text" name="StartDate2" id="StartDate2" value="2"
       data-val="true" data-val-customequal="xx xxx" data-val-customequal-other="EndDate2"/>   
<input type="text" name="EndDate2" id="EndDate2" value="3"
       data-val="true" data-val-customequal="xx xx" data-val-customequal-other="StartDate2"/> 

我希望在修改 EndDate2 时，在模糊之后，StartDate2 也得到验证，并且两者都以与 jQuery 相同的方式变为有效。

我一直在尝试在 jsFiddle 中整理一个示例，但我无法使我的自定义方法工作：http://jsfiddle.net/vtortola/vu6tm/（如果您发现问题，我将非常感激），我在@987654322 开始了一个单独的线程@

干杯。

Answer 1

您需要一个堆栈来了解您返回到之前验证过的元素。单个值是不够的，因为每个元素可能与其他元素一起参与其他规则。您可以在闭包中定义包含堆栈的 var（isInStack 验证元素是否在数组中）：

(function () {
var stack = [];
$.validator.addMethod("customequal-method", function (val, el, p) {
var iAmTheRoot = stack.length == 0;
var $other = $(el).closest('form').find('input[name=' + p.other + ']'); 
if($other.val() == val){        
    try{
      if (!isInStack($other[0]) ) $other.valid();
    }
    finally{
    if (iAmTheRoot) stack = [];
    return true;}
}
return false;
});})();