Wprowadzanie tekstu z maksymalną długością niepoprawną z jQuery Validate

Question

Utknąłem z powodu problemu z użyciem jQuery Validate. Chodzi o to, że mam kilka pól tekstowych z ich zestawem atrybutów maxlength. Chociaż nie są one wymagane, nadal nie sprawdzają poprawności, gdy są puste lub białe znaki.

Przykładowy HTML:

<input type="textbox" id="tbx1" maxlength="100" value="" />

Następnie $('#tbx1').valid() powraca false. Czy nie powinien zamiast tego zwracać true? Czy są jakieś znane sposoby obejścia tego problemu?

Och, i dodanie $('#myform').validate({ ignore: '#tbx1' }); nie działa dla mnie, ponieważ używam formantów ASP.NET z ich automatycznymi identyfikatorami. Wiem, że mógłbym użyć identyfikatora klienta kontroli lub czegoś w rodzaju IDOverride Wilco, ale to nie jest to, co wolę.

Ktoś więc? Dzięki!

Answer 1

Po pierwsze, zakładam, że dane wejściowe mają atrybut "nazwa" i po prostu nie są wyświetlane w twoim przykładzie? Jeśli nie, spróbuj tego i może to naprawić.

Po drugie, czy próbowałeś jawnie ustawić pole, które nie jest wymagane, ale aby mieć maksymalną długość w obiekcie walidatora? Na przykład:

var rules = { 
    'txtbx1': { 
    required: false, 
    maxlength: '100' 
    } 
}; 

$('#formId').validate({rules:rules}); 

Answer 2

wpadł na ten problem sam w niektórych złożonych form pisałem ...

Moje rozwiązanie jest po prostu stworzyć własną metodę MaxLength że mogę „MaxLen”, który działa niemal identycznie jak domyślna metoda pod inną nazwą. Po prostu wklej to powyżej swojego głównego połączenia sprawdzania poprawności ($ ("# mainform"). Validate ({}) lub jakikolwiek jest twój formularz).

//Custom Max Length Validation 
jQuery.validator.addMethod("maxLen", function (value, element, param) { 
    //console.log('element= ' + $(element).attr('name') + ' param= ' + param) 
    if ($(element).val().length > param) { 
     return false; 
    } else { 
     return true; 
    } 
}, "You have reached the maximum number of characters allowed for this field."); 

Kiedy już to zrobisz możesz dodać regułę tak:

rules: { 
     Message: { 
      required: false, 
      maxLen: 200 
     } 
} 

Answer 3

Wydaje się to być błąd w tej wtyczki. Jeśli go naprawiono, zastępując metodę niestandardową implementacją przy użyciu następującego kodu:

$.validator.addMethod("maxlength", function (value, element, len) { 
    return value == "" || value.length <= len; 
});