Deklarowanie zasady plugin jQuery sprawdzania poprawności kodu - atrybut vs. klasy vs.

Question

W przykładach dla wtyczki jQuery walidacji, widzę trzy różne podejścia do deklarowania zasad walidacji

• klas CSS - na przykład <input type="text" name="whatever" class="required" />
• Atrybuty - np. <input type="text" name="whatever" required />
• Kod JS - np. $("#myForm").validate({ rules: { whatever: "required", ... } });

Ale nie widzę nigdzie w dokumentach, które wyjaśniają, dlaczego używałbyś jednego nad drugim. Nie widzę też wyjaśnienia, jak korzystać z metody validation methods przy każdym podejściu (na przykład, w jaki sposób używałbyś metody "max (value)" z atrybutem tagu lub klasą css?).

Jakie są kompromisy między tymi trzema podejściami? I jak dokładnie deklarujesz wszystkie różne metody walidacji przy użyciu każdego podejścia?

Answer 1

W odpowiedzi na konkretne pytania:

„Jak byś użyć«Max (wartość)»metoda z atrybutem znacznika”

<input id="mytext" name="mytext" max="2"/> 

„Jak można użyć” max (wartość) "metoda z ... klasą CSS"

Nie możesz tego zrobić, użyj jednego z innych sposobów ustawienia reguły.

Answer 2

Możesz zastosować reguły za pomocą atrybutów reguł danych. Jest to najprostszy sposób i możliwie najlepszy sposób, aby zachować czyste kod ...

Przykład:

<form id="myform"> 
    <input type="text" name="email" data-rule-required="true" data-rule-email="true">  
    <input type="text" name="password" id="password" data-rule-required="true" data-rule-minlength="6"> 
    <input type="text" name="password-confirm" data-rule-required="true" data-rule-minlength="6" data-rule-equalto="#password"> 
</form> 

Można nawet dostarczyć wiadomości poprzez dane atrybuty:

<input id="cemail" name="email" data-rule-required="true" data-rule-email="true" data-msg-email="Please enter a valid email address" /> 

W JavaScripcie tylko zadzwoń:

$('#myform').validate(); 

Answer 3

możesz użyć atrybutu wymagającego reguł danych, nie używaj jquery.met adata.js, mam test w jQuery Validation Plugin 1.11.1

Answer 4

Z dokumentacji http://jqueryvalidation.org/rules:

Istnieje kilka sposobów, aby określić reguły walidacji.

• metody walidacji bez parametrów może być określone jako klasy na elemencie (zalecane)
• Metody badań do parametrów może być określone jako właściwości (zalecane)
• Obydwa mogą być określone jako metadane pomocą wtyczki metadanych [ [[zauważyć, że ta jest przestarzała, więc docs wydają się być nieaktualne nieco]]]
• Oba mogą być określone za pomocą regułach opcji validate() - metoda

https://stackoverflow.com/a/14380401/749227 ma kilka dodatkowych przydatnych informacji.

Preferuję jednak stosowanie atrybutu "wymagany" w klasie. Nie uważam, aby ten rodzaj atrybutu natywnego obsługiwał go bezpośrednio w dokumentacji, ale ponieważ wygląda na to, że screenreaderzy uznają go za bardziej przydatny niż class = "required", w tym przypadku zajmuję się tym.

Na marginesie, chciałbym zobaczyć, jakie inne natywne atrybuty są szanowane przez wtyczkę. I informacje o tym, które z nich są odbierane przez ADT.