Parsley JS 2.x - wyłączenie sprawdzania poprawności dla pól, które nie są widoczne

Question

Chcę, aby Pietruszka nie sprawdzała poprawności danych wejściowych, jeśli nie jest widoczna. Mam dużą wieloetapową ankietę, która pokazuje nowe sekcje podczas jej wypełniania. Każda sekcja znajduje się w osobnym tagu, a w każdej z nich mogę mieć wiele sekcji, które się ujawniają podczas jej przechodzenia. Obecnie używam 1.x, a to w jaki sposób mogę to zrobić teraz:

$('#' + formID).parsley({ 
      errors : { 
       container: function(element) { 
        var $container = element.parent().find('parsley-container'); 
        if($container.length === 0) 
        { 
         if($(element).hasClass('text-hide') && !$(element).hasClass('not-select')) 
         { 
          $(element).prev().addClass('is-error'); 
         } 
         else 
         { 
          $container = $('<div class="parsley-container"></div>').insertAfter(element); 
         } 
        } 
        return $container; 
       } 
      }, 
      listeners: { 
       onFieldValidate: function(elem) { 
        if(!$(elem).is(':visible')) 
        { 
         return true; 
        } 
        return false; 
       } 
      } 

Jest w sekcji słuchaczom, że mogę tylko potwierdzić pola, które są widoczne. Jak mogę to zrobić w Pietruszka 2.x? Przechodzę przez dokumentację i nie mogę znaleźć równoważnego sposobu robienia tego. Wiem, że są grupy sprawdzania poprawności w wersji 2.x, ale czy istnieje sposób, aby po prostu zrobić to tak, jak zrobiłem to w 1.x?

Answer 1

Najprostszym rozwiązaniem jest, aby wykluczyć wszystkie ukryte wejścia, tak:

$('#' + formID).parsley({ 
    excluded: "input[type=button], input[type=submit], input[type=reset], input[type=hidden], input:hidden" 
}); 

ten sposób walidacji będą tylko wiązać widocznych wejść. Wymaga to jednak zniszczenia i zastosowania pietruszki za każdym razem, gdy dane wejściowe zmieniają jej widoczność.

Aby tego uniknąć, można użyć następującego "niezbyt eleganckiego" rozwiązania. Ten kod byłby lepszy w zdarzeniu "pietruszka: pole: sprawdzanie poprawności", ale nie mogłem go uruchomić.

Po zastosowaniu "pietruszki: pole: zwalidowane", sprawdzanie poprawności zostało już wykonane i teraz zmienimy wynik sprawdzania poprawności na true i ukrywamy kontener błędu. .

$('#' + formID).parsley(); 

$.listen('parsley:field:validated', function(fieldInstance){ 
    if (fieldInstance.$element.is(":hidden")) { 
     // hide the message wrapper 
     fieldInstance._ui.$errorsWrapper.css('display', 'none'); 
     // set validation result to true 
     fieldInstance.validationResult = true; 
     return true; 
    } 
}); 

---

Jak Pietruszka 2.1 * zdarzenie parsley:field:validated rzuca się następujący komunikat

moduł PubSub pietruszka jest nieaktualna; użyj odpowiedniej metody zdarzenia jQuery zamiast

Zamiast parsley:field:validated należy użyć zdarzenia field:validated

---

Najnowsze wersje mają $.listen() przestarzała. Zamiast tego należy użyć wartości Parsley.on(). Przykład:

Parsley.on('field:validated', function(fieldInstance){ 
    if (fieldInstance.$element.is(":hidden")) { 
     // hide the message wrapper 
     fieldInstance._ui.$errorsWrapper.css('display', 'none'); 
     // set validation result to true 
     fieldInstance.validationResult = true; 
     return true; 
    } 
});