powiedzmy mam dwa pola w formularzu
<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"> <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"> </td>
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
$(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>'); } }); });
Proszę o jakąś wskazówkę bo nie bardzo jeszcze ogarniam JS.
Pozdrawiam Piotr