當最後一個元素有效時，jQuery驗證邏輯失敗

Question

我有一個場景，當我有3個下拉菜單並需要對它們實施兩個驗證但是作爲一個組。

1）3中的2個下拉框應該具有「否」以外的值。這與所需的驗證類似。不檢查空白將檢查「否」。

2）沒有2個下拉列表可以具有相同的值。

Fiddle

jQuery.validator.addMethod("require_from_group", function(value, element, options) { 
    var numberRequired = options[0]; 
    var selector = options[1]; 
    var fields = $(selector, element.form); 
    var filled_fields = fields.filter(function() { 
    // it's more clear to compare with empty string 
    return $(this).val() != "No"; 
    }); 
    var empty_fields = fields.not(filled_fields); 

    // we will mark only first empty field as invalid 
    if (filled_fields.length < numberRequired){ //&& empty_fields[0] == element) { 
    return false; 
    } 
    return true; 
// {0} below is the 0th item in the options field 
}, jQuery.format("Please fill out at least {0} of these fields.")); 

jQuery.validator.addMethod("notEqualToGroup", function(value, element, options) { 
var numberRequired = options[0]; 
var selector = options[1]; 
// get all the elements passed here with the same class 
var elems = $(element).parents('form').find(selector).not(element); 
// the value of the current element 
var valueToCompare = value; 
// count 
var matchesFound = 0; 
// loop each element and compare its value with the current value 
// and increase the count every time we find one 
jQuery.each(elems, function(){ 
    thisVal = $(this).val(); 
    if(thisVal == valueToCompare){ 
      matchesFound++; 
     } 
}); 

    if (matchesFound >= numberRequired){ //&& elems[0] != element) { 
    return false; 
    } 
    return true; 
}, jQuery.format("No two fields can have same value.")); 

其中一個場景中的失敗，即當選擇1和選擇2都不是「否」，但仍然有不顯示味精相同的值。

有人可以請建議缺少什麼。謝謝

Answer 1

1. 將插件從近7年的版本1.7升級到the latest which is 1.15。

2. 將require_from_group的過時版本替換爲version 1.15中的最新版本。

3. 更換jQuery.format("No two fields can have same value.")與$.validator.format("No two...

你會發現，這個更新版本的作品更多的可預見的。

---

編輯：

您還需要在你的notEqualToGroup規則完全重寫：

$.validator.addMethod("notEqualToGroup", function(value, element, options) { 

    var isvalid = true, 
     values = [], 
     temp = []; 

    // put all values into an array 
    $(options).each(function() { 
     values.push($(this).val()); 
    }); 

    // check array for duplicates 
    $.each(values, function(key, val) { 
     if ($.inArray(val, temp) === -1) { 
      temp.push(val); 
     } else { 
      isvalid = false; // duplicate found 
     } 
    }); 

    return isvalid; 
}, $.validator.format("No two fields can have same value.")); 

從本質上講，把所有三個值到一個數組，重複檢查。

.... 
select1: { 
    require_from_group: [2, ".at_least_one"], 
    notEqualToGroup: ".at_least_one" 
}, 
.... 

DEMO：jsfiddle.net/nu4dcstv/