[JavaScript]Problem z walidacją formularza Opcje

[opmsoft]

Witam,
powiedzmy mam dwa pola w formularzu

[PHP] pobierz, plaintext 
         <tr>
                                    <td class="content_register_left_column">
                                    	E-mail  <span class="red">*</span>
                                    </td>
                                    <td class="content_register_center_column">
                                        <input type="email" name="email" id="email" <?php echo "value='$email'"; ?> maxlength="64" class="input_text">
 
                                        <span id="status"><?php echo $error_email; ?></span>
 
                                        <p class="tip_p">Wprowadz poprawny adres - aby dokończyć rejestrację , musisz odebrać e-mail.</p>
                                    </td>
 
                                </tr>
 
                                <tr>
                                    <td class="content_register_left_column">
                                    	Hasło <span class="red">*</span>
                                    </td>
                                    <td class="content_register_center_column">
                                    	<input type="password" name="passwd" id="passwd" value="" maxlength="64" class="input_text">
 
                                        <span id="status"><?php echo $error_passwd; ?></span>
 
                                    </td> 
[PHP] pobierz, plaintext 

w każdym wierszu tableki mam pole <span id="status"> .... Cały formularz jest sprawdzany za pomocją javascript . Teraz moje pytanie jak rozróżnić o które pole <span id="status"> mi chodzi podczas walidacji aby wyświetlić odpowiedni komunikat (znaczniki php służą do wyświetlania błędów podczas walidacji za pomocą php) . Walidację pisałem sam załączam kawałek kodu JS

[PHP] pobierz, plaintext 
$(document).ready(function()
{	
 
 
	 $("#email").change(function()
     {
 
          var email = $("#email").val();
          var msgbox = $("#status");
 
          if(email.length > 4)
          {
			  var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
 
			  if(reg.test(email) == false)
			   {
				   $("#username").addClass("red"); 
         		   $("#status").html('<font color="#cc0000">nie poprawny adres email </font>');
					return false;
			   }
				else
				{
					 $("#status").html('<img src=images/wait.gif>');
               $.ajax({
                    type: "POST",
                    url: "function/check_username.php",
                    data: "email="+ email,
                    success: function(msg){
 
                         $("#status").ajaxComplete(function(event, request){
                              if(msg == 'OK')
                              {
                                   $("#email").removeClass("red");
 
                                   msgbox.html('<font color="Green"> Dostępny</font>');
                              }
                              else
                              {
                                   $("#email").removeClass("green"); 
                                   $("#email").addClass("red"); 
                                   msgbox.html(msg);
                              }
                    });
               }
          });
				}
 
     }
     else
     {
          $("#email").addClass("red"); 
          $("#status").html('<font color="#cc0000">Za mało znaków</font>');
     }
     return false;
     });
 $("#passwd").change(function()
     {
		  var passwd = $("#passwd").val();
          var msgbox = $("#status");
 
		  if(passwd.length > 5)
		  {
                          $("#passwd").removeClass("red");
      			  $("#passwd").addClass("green"); 
         	          $("#status").html('<font>ok</font>');
		  }
		  else
     	  {
          	$("#passwd").addClass("red"); 
         	 $("#status").html('<font color="#cc0000">Za mało znaków</font>');
     	   }
 
	 });
});
[PHP] pobierz, plaintext 

Proszę o jakąś wskazówkę bo nie bardzo jeszcze ogarniam JS.

Pozdrawiam Piotr

Ten post edytował opmsoft 9.09.2011, 16:35:11

[mortus]

Według specyfikacji w dokumencie (X)HTML może być tylko jeden element o danym id. Identyfikator (id) musisz zastąpić klasą (class). Wtedy element o klasie status dla pola Email możesz uzyskać np. tak:

[JAVASCRIPT] pobierz, plaintext 
var email = $('#email');
var email_status = email.parent().find('.status');
[JAVASCRIPT] pobierz, plaintext 

[opmsoft]

Ok rozumiem. Tylko jak zmieniłem wszystkie statusy z id na class w pliku z walidacją dodałem
var email_status = email.parent().find('.status'); dla każdej walidacji niestety nie działa ;( Myślę że trzeba zaznaczyć jakoś w polu input że konkretny status należy do tego pola .

Dzięki za pomoc . Nie powodzenie wynikało z prostego błędu
var email = $("#email").val();
po zmianie na
var email = $("#email")
wszystko działa.