Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][jquery][validation] problem z walidacja formularzy
Forum PHP.pl > Forum > Po stronie przeglądarki
ulotna_chwila87
Witam, jestem początkująca jeśli chodzi o jave script, php i w ogóle programowanie w interenecie. Ostatnio męcze sie nad biblioteką jquery.validation

Mianowicie mam formularz rejestracyjny (na stronie przykład mój) www.amehobpoezja.pl i nie mam pojęcia jak zrobić ta walidacje. Działa mi ta podstawowa gdy dam:

  1. $(document).ready(function() {
  2. $("#registerUser").validate();
  3. });


w deklaracji strony mam:
  1. <script type="text/javascript" src="<?=url::base()?>js/jquery.validate.js"></script>
  2. <script type="text/javascript" src="<?=url::base()?>js/jquery-1.3.2.min.js"></script>


a formukarz wygląda tak:
  1. <form name="registerUser" id="registerUser" action="<?=url::base(true)?>user/rejestruj" method="post">
  2. <div class="left">
  3. <h1>Nie masz profilu? Zarejestruj się </h1>
  4.  
  5. <label class="grey" for="email_rej">Email:</label>
  6. <em>* </em><input class="field wpisz email required" type="text" name="email_rej" id="email_rej" value=""/>
  7.  
  8. <label class="grey" for="haslo_rej">Hasło:</label>
  9. <em>* </em><input class="field wpisz" type="password" name="haslo_rej" id="haslo_rej"/>
  10.  
  11. <label class="grey" for="powt_haslo_rej">Powtórz hasło:</label>
  12. <em>* </em><input class="field wpisz" type="password" name="powt_haslo_rej" id="powt_haslo_rej" size="20" />
  13.  
  14. <label class="grey" for="login_rej">Nick:</label>
  15. <em>* </em><input class="field wpisz" type="text" name="login_rej" id="login_rej" size="20" value=""/>
  16.  
  17. <label class="grey" for="plec_rej">Płeć:</label>
  18. <em>* </em><select id="plec_rej" name="plec_rej" class="field plec">
  19. <option value="0" selected="selected">wybierz</option>
  20. <option value="1">kobieta</option>
  21. <option value="2">mężczyzna</option>
  22. </select> <img src="../images/info2.gif" alt="">
  23.  
  24. <label class="grey" for="birthday_day_rej">Data urodzenia:</label>
  25. <em>* </em><select id="birthday_day_rej" name="birthday_day_rej" class="dataurdz field">
  26. <option value="-1">Dzień:</option>
  27. <?for( $birthday_day=1; $birthday_day<=31; $birthday_day++): ?>
  28. <option value="<?=$birthday_day?>"> <?=$birthday_day?> </option>
  29. <?endfor?>
  30.  
  31. <em>* </em><select id="birthday_month_rej" name="birthday_month_rej" class="dataurm field" onchange=''>
  32. <option value="-1">Miesiąc:</option>
  33. <option value="1">stycznia</option>
  34. <option value="2">lutego</option>
  35. <option value="3">marca</option>
  36. <option value="4">kwietnia</option>
  37. <option value="5">maja</option>
  38. <option value="6">czerwca</option>
  39. <option value="7">lipca</option>
  40. <option value="8">sierpnia</option>
  41. <option value="9">września</option>
  42. <option value="10">października</option>
  43. <option value="11">listopada</option>
  44. <option value="12">grudnia</option>
  45.  
  46. <em>* </em><select name="birthday_year_rej" id="birthday_year_rej" class="dataurr field">
  47. <option value="-1">Rok:</option>
  48. <?for( $birthday_year=2005; $birthday_year>=1900; $birthday_year--): ?>
  49. <option value="<?=$birthday_year?>"> <?=$birthday_year?> </option>
  50. <?endfor?>
  51. </div>
  52.  
  53. <div class="left right">
  54. <label class="grey" for="kod">Przepisz poniższy kod:</label>
  55. <?=$kod?>
  56. <input class="field wpiszkod" type="text" name="kod" id="kod" value="222sa" size="20" />
  57. <div><label for="reg"><em>* </em><input id="reg" name="reg" value="tak" type="checkbox">
  58. - Oświadczam, iż zapoznałem się z <a href="#">regulaminem serwisu amehobpoezja.pl</a>, który akceptuję i będę przestrzegał.</label></div>
  59. <label for="dane">
  60. <em>* </em><input id="dane" name="dane" value="tak" type="checkbox">
  61. - Niniejszym oświadczam, że wyrażam zgodę na przetwarzanie moich danych osobowych
  62. w celu przeprowadzenia procesu nawiązania współpracy (zgodnie z Ustawą z dnia
  63. 29.08.1997r. o Ochronie Danych Osobowych Dz. U. Nr 133, poz. 883).</label>
  64. <input type="submit" name="submit" value="Rejestruj" class="bt_register" />
  65. </div>
  66. </form>


nie mam pojęcia czemu jak wpiszę:
  1. $(document).ready(function() {
  2. $("#registerUser").validate();
  3. rules: {
  4. email_rej: {
  5. required: true,
  6. email: true
  7. },
  8. messages: {
  9. email_rej: {
  10. required: "Please enter a valid email address",
  11. minlength: "Please enter a valid email address"
  12. }
  13. });


to już mi się nie waliduje sad.gif

gdzie robie błąd?

no i nie wiem jak się blokuje submit puki nie będą dobrze wypełnione wszytkie pola. Prosze Was o pomoc sad.gif

nie śmiejcie się ze mnie ;/ ps. w googleach niby sa tutki ale nie działa mi to jak powinno. gdzies robie błąd:(
Pacio
Sprawdz jak powinna wygladac poprawna lista opcji przekazywana funkcji: http://docs.jquery.com/Plugins/Validation/validate (Options->Messages)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.