[php][jquery][validation] problem z walidacja formularzy Opcje

[ulotna_chwila87]

Witam, jestem początkująca jeśli chodzi o jave script, php i w ogóle programowanie w internecie. Ostatnio męczę się 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:

[PHP] pobierz, plaintext 
  $(document).ready(function() {
      $("#registerUser").validate();
  });
 
[PHP] pobierz, plaintext 

w deklaracji strony mam:

[HTML] pobierz, plaintext 
   <script type="text/javascript" src="<?=url::base()?>js/jquery.validate.js"></script>
   <script type="text/javascript" src="<?=url::base()?>js/jquery-1.3.2.min.js"></script>
  
[HTML] pobierz, plaintext 

a formukarz wygląda tak:

[HTML] pobierz, plaintext 
  <form name="registerUser" id="registerUser" action="<?=url::base(true)?>user/rejestruj" method="post">
  <div class="left">
  <h1>Nie masz profilu? Zarejestruj się </h1>
 
  <label class="grey" for="email_rej">Email:</label>
  <em>* </em><input class="field wpisz email required" type="text" name="email_rej" id="email_rej" value=""/>
 
  <label class="grey" for="haslo_rej">Hasło:</label>
  <em>* </em><input class="field wpisz" type="password" name="haslo_rej" id="haslo_rej"/>
 
  <label class="grey" for="powt_haslo_rej">Powtórz hasło:</label>
  <em>* </em><input class="field wpisz" type="password" name="powt_haslo_rej" id="powt_haslo_rej" size="20" />
 
  <label class="grey" for="login_rej">Nick:</label>
  <em>* </em><input class="field wpisz" type="text" name="login_rej" id="login_rej" size="20" value=""/>
 
  <label class="grey" for="plec_rej">Płeć:</label>
  <em>* </em><select id="plec_rej" name="plec_rej" class="field plec">
  <option value="0" selected="selected">wybierz</option>
  <option value="1">kobieta</option>
  <option value="2">mężczyzna</option>
  </select> <img src="../images/info2.gif" alt="">
 
  <label class="grey" for="birthday_day_rej">Data urodzenia:</label>
  <em>* </em><select id="birthday_day_rej" name="birthday_day_rej" class="dataurdz field">
  <option value="-1">Dzień:</option>
  <?for( $birthday_day=1; $birthday_day<=31; $birthday_day++): ?>
  <option value="<?=$birthday_day?>"> <?=$birthday_day?> </option>
  <?endfor?>
  </select>
 
  <em>* </em><select id="birthday_month_rej" name="birthday_month_rej" class="dataurm field" onchange=''>
  <option value="-1">Miesiąc:</option>
  <option value="1">stycznia</option>
  <option value="2">lutego</option>
  <option value="3">marca</option>
  <option value="4">kwietnia</option>
  <option value="5">maja</option>
  <option value="6">czerwca</option>
  <option value="7">lipca</option>
  <option value="8">sierpnia</option>
  <option value="9">września</option>
  <option value="10">października</option>
  <option value="11">listopada</option>
  <option value="12">grudnia</option>
  </select>
 
  <em>* </em><select name="birthday_year_rej" id="birthday_year_rej" class="dataurr field">
  <option value="-1">Rok:</option>
  <?for( $birthday_year=2005; $birthday_year>=1900; $birthday_year--): ?>
  <option value="<?=$birthday_year?>"> <?=$birthday_year?> </option>
  <?endfor?>
  </select>
  </div>
 
  <div class="left right">
  <label class="grey" for="kod">Przepisz poniższy kod:</label>
  <?=$kod?>
  <input class="field wpiszkod" type="text" name="kod" id="kod" value="222sa" size="20" />
  <div><label for="reg"><em>* </em><input id="reg" name="reg" value="tak" type="checkbox">
  - Oświadczam, iż zapoznałem się z <a href="#">regulaminem serwisu  amehobpoezja.pl</a>, który akceptuję i będę  przestrzegał.</label></div>
  <label for="dane">
  <em>* </em><input id="dane" name="dane" value="tak" type="checkbox">
  - Niniejszym oświadczam, że wyrażam zgodę na przetwarzanie moich danych osobowych
  w celu przeprowadzenia procesu nawiązania współpracy (zgodnie z Ustawą z dnia
  29.08.1997r. o Ochronie Danych Osobowych Dz. U. Nr 133, poz. 883).</label>
  <input type="submit" name="submit" value="Rejestruj" class="bt_register" />
  </div>
  </form>
 
[HTML] pobierz, plaintext 

nie mam pojęcia czemu jak wpiszę:

[PHP] pobierz, plaintext 
  $(document).ready(function() {
  $("#registerUser").validate();
  rules: {
  email_rej: {
  required: true,
  email: true
  },
  messages: {
  email_rej: {
  required: "Please enter a valid email address",
  minlength: "Please enter a valid email address"
  }
  });
 
[PHP] pobierz, plaintext 

to już mi się nie waliduje (IMG:style_emoticons/default/sad.gif)

gdzie robię błąd?

no i nie wiem jak się blokuje submit puki nie będą dobrze wypełnione wszystkie pola. Proszę Was o pomoc (IMG:style_emoticons/default/sad.gif)

nie śmiejcie się ze mnie ;/ ps. w googleach niby są tutki ale nie działa mi to jak powinno. gdzieś robię błąd:(


pomyliłam działy i umieściłam tego posta też w dziale AJAX (proszę o usunięcie go, oraz przepraszam za kłopot)

[lord_t]

Zobacz poniższy kod i przyjrzyj się gdzie jest rules:{}:

Kod

$(document).ready(function() {
    // validate signup form on keyup and submit
    var validator = $("#signupform").validate({
        rules: {
            firstname: "required",
            lastname: "required",
            username: {
                required: true,
                minlength: 2,
                remote: "users.php"
            },
            password: {
                required: true,
                minlength: 5
            },
            password_confirm: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            email: {
                required: true,
                email: true,
                remote: "emails.php"
            },
            dateformat: "required",
            terms: "required"
        },
        messages: {
            firstname: "Enter your firstname",
            lastname: "Enter your lastname",
            username: {
                required: "Enter a username",
                minlength: jQuery.format("Enter at least {0} characters"),
                remote: jQuery.format("{0} is already in use")
            },
            password: {
                required: "Provide a password",
                rangelength: jQuery.format("Enter at least {0} characters")
            },
            password_confirm: {
                required: "Repeat your password",
                minlength: jQuery.format("Enter at least {0} characters"),
                equalTo: "Enter the same password as above"
            },
            email: {
                required: "Please enter a valid email address",
                minlength: "Please enter a valid email address",
                remote: jQuery.format("{0} is already in use")
            },
            dateformat: "Choose your preferred dateformat",
            terms: " "
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function(error, element) {
            if ( element.is(":radio") )
                error.appendTo( element.parent().next().next() );
            else if ( element.is(":checkbox") )
                error.appendTo ( element.next() );
            else
                error.appendTo( element.parent().next() );
        },
        // specifying a submitHandler prevents the default submit, good for the demo
        submitHandler: function() {
            alert("submitted!");
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set   as text for IE
            label.html(" ").addClass("checked");
        }
    });

P.S. Błąd masz w 2. linijce.

[ulotna_chwila87]

no ale w dallszym ciagu nie wyświetlają mi się
"messages"

[PHP] pobierz, plaintext 
$(document).ready(function() {
 
    	$("#loginUser").validate({
            rules: {
	    		email_log: {
	                required: true,
	                email: true
	            },
	    		haslo_log: {
	            	required: true
	            },
	        },
            messages: {
	        	email_log: {
	        	    required: "Wymagane"
                },
                haslo_log: {
                    required: "Wymagane"
                },
            },
    	});
 
    });
[PHP] pobierz, plaintext 

pokazują mi się te standardowe teksty a nie te które ja chce i tutaj je zadeklarowałam

a podczas naciskania submite mi się to wysyła mimo że nie są wypełnione pola

Ten post edytował ulotna_chwila87 28.01.2010, 21:50:55

[lord_t]

W 20. linii masz przecinek po nawiasie klamrowym. Usuń go.