Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

[jQuery] Dynamiczne sprawdzanie wyboru select-a

cracerss 31 Sty 2012 23:37 1395 2
  • #1 31 Sty 2012 23:37
    cracerss
    Poziom 8  

    Proszę o pomoc specjalistów od javy gdyż nie ukrywam, że jestem zielony w temacie :) Jak na przykładzie poniższego kodu zrobić dynamiczną vadliację pola select za pomocą jQuery validation plug-in? Udało mi się prawie do tego dojść, jednakże nie do końca, gdyż po zatwierdzeniu formularza (bez jego uprzedniego wypełniania) "błąd" selecta znika, ale dopiero po ponownym kliknięciu "wyślij", a chciałbym aby odbywało się to dynamicznie, od razu po wyborze opcji (bez przeładowywania formularza) - mniej więcej jak TUTAJ

    Code:

    <div>
      <label for="pytanie">Przykładowe pytanie</label>
       <select id="pytanie" name="pytanie" type="text" />
       <option value="0"> wybierz </option>
       <option value="tak"> TAK </option>
       <option value="nie"> NIE </option></select>
    </div>


    Code:

       }
       function validatePytanie(){
          //it's NOT valid
          if(pytanie.val().length < 2){
             bik.addClass("error");
             return false;
          }
          //it's valid
          else{         
             pytanie.removeClass("error");
             return true;
          }
       }

    0 2
  • #2 01 Lut 2012 00:22
    marcinj12
    Poziom 40  

    Myślę, że musisz się podpiąć pod zdarzenie .change() dla tej listy i usuwać w nim klasę. Czyli coś w tym stylu (Ciebie interesuje tylko fragment z .change()):

    Kod: jquery
    Zaloguj się, aby zobaczyć kod

    0
  • #3 01 Lut 2012 06:44
    cracerss
    Poziom 8  

    Wrzucam całą paczkę wraz z tym co udało mi się do tej pory osiągnać + przykładowy skrypt formularza z selectem, który działa dokładnie w taki sposób jaki efekt chce uzyskać na moim formularzu. Jeśli uda się Tobie (bądź komuś innemu) rozwiązać ten problem, poproszę numer konta na PRIV - postawię duże piwo :)

    marcinj12 napisał:
    Myślę, że musisz się podpiąć pod zdarzenie .change() dla tej listy i usuwać w nim klasę. Czyli coś w tym stylu (Ciebie interesuje tylko fragment z .change()):
    Kod: jquery
    Zaloguj się, aby zobaczyć kod

    0
  Szukaj w 5mln produktów