Witam,
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">
<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>
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
Ten post edytował opmsoft 9.09.2011, 16:35:11