Wtyczka walidatora jquery z wyświetlaczem: brak elementów formularza

Używam wtyczki sprawdzania poprawności znalezionej here do sprawdzenia poprawności formularza.Wtyczka walidatora jquery z wyświetlaczem: brak elementów formularza

Problem mam jest, jeśli mogę umieścić następujące wokół elementu wejściowego forma walidacja zawodzi:

<div style="display:none;"><input type="text" name="test" /></div>

muszę tego powodu używam innych warstw kontrolne UI dla elementów wejściowych i don” Chcę, żeby były widoczne.

Działa na elementach śródliniowych i blokowych, ale potrzebuję go ukryć. Czy mimo to można to obejść?

Dzięki za wszelkie informacje zwrotne

Aktualizacja:

Ja głównie walidacji wybierz pola opcji, z django (to znaczy: {{form.select_option_element}})

Tak skutecznie:

<div style="display:none;"> 
    {{form.select_option_element}} 
</div>

... nie działa

Right po zaksięgowaniu wydaje mi się go rozwiązać z:

<div style="visibility: hidden; height: 0;"> 
    {{form.select_option_element}} 
</div>

Następnie pozwala mi sprawdzić poprawność pole.

Źródło

2012-09-06 Anonymous

Proszę nie umieszczać zaakceptowanej odpowiedzi w ramach pytania. Pytania i odpowiedzi powinny być oddzielone. – dSquared

nie ma problemu, nie jest używany do tego miejsca. –

możliwy duplikat [jQuery Validate - Włącz sprawdzanie poprawności ukrytych pól] (http://stackoverflow.com/questions/8466643/jquery-validate-enable-validation-for-hidden-fields) –

Od 1.9.0 Zmian w jQuery Validate:

Fixed # 189 -: ukryte elementy są teraz domyślnie ignorowany

Aby włączyć go ponownie po prostu wykonaj następnie:

$(document).ready(function(){  
    $.validator.setDefaults({ 
     ignore: [] 
    }); 
});

Upewnij się, że to pojawia się przed nazywając rzeczywistą wtyczkę do sprawdzania poprawności w swoim kodzie.

Mam nadzieję, że to pomoże!

Źródło

2012-09-06 21:21:29 dSquared

ah, dziękuję. To działa całkiem nieźle. Zamiast tego użyję tego. –

@lcplusplus Bez problemu; cieszę się, że mogłem pomóc. – dSquared

Dlaczego pusta tablica, a nie pusty ciąg? – Lafi

Czy próbowałeś dodać atrybut stylu do elementu wejściowego? Więc zamiast zawijania z div, spróbuj:

<input type="text" name="test" value="" style="display: none;" />

Źródło

2012-09-06 20:57:39

Nieważne, puste na minutę. Oto jak go rozwiązałem:

–

Używam django ModelForms, zapomniałem wspomnieć, że głównie sprawdzam poprawność listy opcji wyboru. –

Są dwie rzeczy, które możesz zrobić.

1) można statycznie ustawić wartość, która nie ulegnie uszkodzeniu walidacji, na tym polu jak

<div style="display:none;"><input type="text" name="test" value="default" /></div>

2) Jeśli chcesz neglate tę wartość w swojej metody walidacji.

Byłbym wdzięczny, gdybyś mógł podać bardziej szczegółowy kod.

Źródło

2012-09-06 20:59:48 PRP

Mam na myśli to, że walidator nie rozpoznaje nawet pola, a nie samego procesu walidacji. –

Widziałem sposób, w jaki to naprawiłeś. W każdym razie dobrze, że masz rozwiązanie. – PRP

sprawdź moją aktualizację, przepraszam, że nie jestem bardziej konkretny –

Podoba mi się odpowiedź @dSquared, ale niestety "ignore" właściwość zostanie zresetowana dla każdego walidatora formularza na stronie. W niektórych przypadkach nie potrzebuje.

używam w ten sposób:

$(document).ready(function() { 

    var $form = $("#some-form"); 

    $form.validate().settings.ignore = []; // ! Say to validator dont ignore hidden-elements on concrete form. 

    $('#button-send').click(function() { 
     if ($form.valid()) { .. } 
    }); 

    // !! apply plugin's initializers which will hide origin elements (it can be CLEditor or Choosen plugins) 
});

Źródło

2013-06-26 08:48:32 vladimir77

Inną formą rozwiązania tego problemu jest zmiana display: none do visibility: hidden.

Np .: <input type="text" name="test" value="" style="visibility: hidden;" />

Źródło

2017-10-26 12:30:10

Wtyczka walidatora jquery z wyświetlaczem: brak elementów formularza

Odpowiedz

Powiązane problemy