jQuery sprawdzania poprawności plugin na DIV

Question

Próbuję użyć validate plugin na div, jak pokazano w odpowiedzi na this question:

<script type="text/javascript"> 
    $("#pseudoForm").validate({ 
    onfocusout:true, 
    rules:{ 
     first_name:"required", 
     last_name:"required" 
    } 
    }); 
</script> 
<!-- whatever --> 
<div id="pseudoForm"> 
    <input type="text" name="first_name"/> 
    <input type="text" name="last_name"/> 
</div> 

mam wszystko w formie.

Otrzymuję kilka różnych błędów w różnych przeglądarkach.

• Firefox: walidator w nieokreślonej
• IE8: 'Ustawienia' jest null lub nie jest obiektowi
• z Chrome: Nie można odczytać 'Ustawienia' własności nieokreślonej

Każda pomoc doceniona!

Answer 1

To nie jest odpowiedź chcesz usłyszeć, ale inna odpowiedź jest niepoprawna (może to być prawo kiedy została wysłana, ale nie było kilka poważnych plugin sprawdzania poprawności jQuery zmiany od tego czasu).

The validation plugin jest (obecnie) zaprojektowany do pracy na <form> i tylko na <form>. Możesz także zauważyć, że all of the plugin documentation odnosi się do formularza, a nie do żadnego innego ogólnego kontenera.

Sam plugin śledzi validator.currentForm wewnętrznie, który odnosi się do this z przekazywane w selektorze, coraz .elements itp poza tym, że ... to naprawdę nie będzie działać w inny sposób, nie sposób obecna wersja jest napisane .

Ogólny/roztwór alternatywne podejście tutaj: połączenia .validate() na elemencie <form> (owijka jQuery ono raczej) bezpośrednio, bez jakiegokolwiek innego pojemnika. Jeśli chcesz podzielić elementy użyj <fieldset> elementów, prawdopodobnie używając opcji ignore: ':hidden' w .validate(), jeśli nie chcesz sprawdzać pól wejściowych, które nie są widoczne dla użytkownika.

Answer 2

Brakuje ci nawiasu zamykającego. Spróbuj to zamiast:

$("#pseudoForm").validate({ 
    onfocusout:true, 
    rules:{ 
     first_name:"required", 
     last_name:"required" 
    } 
}); 

Answer 3

można uzyskać ten sam błąd po wybraniu formy przez klasy

$(".form_class").validate(...

zamiast przez ID $("#form_id").validate(...

lub nazwa tag $("form").validate(...

Answer 4

W opcji dla validate() , wstaw onsubmit: !$.browser.msie

Answer 5

Zrobiłem łatkę małpy do jquery.validate, aby obsłużyć sprawdzanie poprawności tylko sekcji formularza (jak zawartość div).

kod i instrukcje: wniosek http://dotbrand.wordpress.com/2012/07/22/validate-a-section-of-a-form-with-jquery-validate/

Pull: https://github.com/jzaefferer/jquery-validation/pull/452

Answer 6

Wiem, że to bardzo stary temat, ale może to pomóc komuś, kto przyjść do tej strony.

Proszę sprawdzić [1]: http://encosia.com/asp-net-webforms-validation-groups-with-jquery-validation/ bardzo użyteczną stronę internetową i wykazać co zasługują rzeczywista odpowiedź na to pytanie

[grupa Validation] [1]

Answer 7

Otwórz jquery.validate.js lub jquery.validate.min.js i odnaleźć (Ctrl + F) " etykieta "i replaceAll z twojej wymaganego tagu:

Przykład: div

następnie wykonaj sprawdzanie poprawności.