SPrawdzanie zmiennych Opcje

[dark_root]

Mam taki kod

Kod

if(usr.length >= 3)
{
$("#div_status").html('<img src="loader.gif" align="absmiddle">&nbsp;Sprawdzanie dostępności....');

    $.ajax({  
    type: "POST",  
    url: "check_username.php",  
    data: "username="+ usr,  
    success: function(msg){  
   
   $("#div_status").ajaxComplete(function(event, request, settings){

 if(msg == 'OK')
 {
        $("#login").removeClass('css_error');
     $("#login").addClass("css_ok");
     $(this).html('&nbsp;<img src="yes.gif" align="absmiddle">');
               str_status = "OK";
 }  
 else  
 {  
     $("#login").removeClass('css_ok');
     $("#login").addClass("css_error");
     $(this).html(msg);
                str_status = "";
 }  
   
   });

 }
   
  });


}
else
 {
 $("#div_status").html('<font color="red">Login powinien się składać conajmniej z <strong>3</strong> znaków</font>');
 $("#login").removeClass('css_ok');
 $("#login").addClass("css_error");
        str_status = "";
 }

});

Kod ten sprawdza czy login ma odpowiednią długość i jeśli tak wysyła login do pliku php, który sprawdza natomiast czy taki już istnieje i zwraca odpowienią wartość. Wszystko ładnie działa, tylko mam jeden problem. Jak wpiszę jakiś login i wyskoczy już jakaś wartość to jak chce zmienić login kod nie zwraca na niego uwagi lecz cały czas uważa za aktualny login ten wcześniejszy. Jak ominąć ten błąd?

[erix]

Pokazałbyś jeszcze, jak to wywołujesz.

[dark_root]

Nie wiem czy o to chodzi

Kod

<input maxlength="32"   id="login" name="login" value="" type="text">

Natomiast nad kodem, który podałem wcześniej znajduje się jeszcze takie coś:

Kod

<script type="text/javascript">
<!--
/*
Credits: Venu Thomas
Source: http://code.venuthomas.net/Code/Ajax_RegisterPage/index.html
*/

pic_loader1 = new Image(16, 16);
pic_loader1.src = "loader.gif";
var usr ='';
var str_confirm_password ='';
var str_password ='';
var str_pwd_status = "";
var str_status = "";

$(document).ready(function(){

$("#login").change(function() {

[erix]

Czegoś tu musi brakować; wrzuć cały kod, bo na razie zmiennej usr nic nie ustawia oprócz deklaracji.

[dark_root]

Kod

<script type="text/javascript">
<!--
/*
Credits: Venu Thomas
Source: http://code.venuthomas.net/Code/Ajax_RegisterPage/index.html
*/

pic_loader1 = new Image(16, 16);
pic_loader1.src = "loader.gif";
var usr ='';
var str_confirm_password ='';
var str_password ='';
var str_pwd_status = "";
var str_status = "";

$(document).ready(function(){

$("#login").change(function() {

usr = $("#login").val();

if(usr.length >= 3)
{
$("#div_status").html('<img src="loader.gif" align="absmiddle">&nbsp;Sprawdzanie dostępności....');

    $.ajax({  
    type: "POST",  
    url: "check_username.php",  
    data: "username="+ usr,  
    success: function(msg){  
  
   $("#div_status").ajaxComplete(function(event, request, settings){

    if(msg == 'OK')
    {
        $("#login").removeClass('css_error');
        $("#login").addClass("css_ok");
        $(this).html('&nbsp;<img src="yes.gif" align="absmiddle">');
               str_status = "OK";
    }  
    else  
    {  
        $("#login").removeClass('css_ok');
        $("#login").addClass("css_error");
        $(this).html(msg);
                str_status = "";
    }  
  
   });

}
  
  });


}
else
    {
    $("#div_status").html('<font color="red">Login powinien się składać conajmniej z <strong>3</strong> znaków</font>');
    $("#login").removeClass('css_ok');
    $("#login").addClass("css_error");
        str_status = "";
    }

});

$("#txt_confirm_password").change(function() {

str_password = $("#txt_password").val();
str_confirm_password = $("#txt_confirm_password").val();

if(str_confirm_password.length  >=3)
if(str_password!=str_confirm_password)
    {
    $("#div_confirm_password_status").html('<font color="red">Podane hasła różnią się. Proszę podać je ponownie.</font>');
         $("#div_password_status").html('');
    $("#txt_confirm_password").removeClass('css_ok'); // if necessary
    $("#txt_confirm_password").addClass("css_error");
        str_pwd_status  = "";
    }
else
{
$("#div_password_status").html('&nbsp;<img src="yes.gif" align="absmiddle">');
$("#div_confirm_password_status").html('&nbsp;<img src="yes.gif" align="absmiddle">');
str_pwd_status  = "OK";
}
else
{
$("#div_confirm_password_status").html('<font color="red">Hasło musi składać się conajmniej z <strong>3</strong> znaków.</font>');
$("#div_password_status").html('');
}
});

$("#txt_password").change(function() {
var str_password = $("#txt_password").val();
var str_confirm_password = $("#txt_confirm_password").val();
if(str_password.length  >=3)
if(str_password!=str_confirm_password)
    {
    $("#div_password_status").html('');
        $("#div_confirm_password_status").html('');
    $("#txt_password").removeClass('css_ok');
    $("#txt_password").addClass("css_error");
        str_pwd_status  = "";
    }
else
{
$("#div_password_status").html('&nbsp;<img src="yes.gif" align="absmiddle">');
$("#div_confirm_password_status").html('&nbsp;<img src="yes.gif" align="absmiddle">');    
str_pwd_status  = "OK";
}
else
{
$("#div_password_status").html('<font color="red">Hasło musi składać się conajmniej z <strong>3</strong> znaków</font>');
$("#div_confirm_password_status").html('');
}
});



});
function fn_onclick() {


if(str_status == "OK" && str_pwd_status =="OK" && str_password != '' && str_confirm_password != '' )
{
$("#div_msg").html('<div id="logged_in"> <br />' +
              'Thanks for Registering <br />' +
              '<img align="absmiddle" src="loader_bar.gif">' +
              '<br /> Please wait while we redirect you to welcome page...</div>');

            setTimeout('go_to_next_page()', 4000);
}
}
function go_to_next_page()
{
window.location = 'welcome.html';
}
//-->
</SCRIPT>

</HEAD><body>

</SCRIPT>
<div id="body_id">  <div id="page">
  

    <div id="page_content">
<div id="content_main" class="content_main_wide">  

<div class="cool_box_21 cool_box" style="width: 870px;">
<div class="cool_box_header_inner"><div class="cool_box_header_left"><div class="cool_box_limiter"><span class="cool_raquo">»</span>&nbsp;&nbsp;&nbsp;<span class="belka"><strong> Rejestracja nowego Użytkownika </strong> </span></div></div><div class="cool_box_header_right"></div></div></div><div class="cool_box_content">
<div class="cool_box_inner">
<form method="post" action="rejestracja2.php" accept-charset="UTF-8"  name="rejestracja"><div id="nice_wrapper"><p class="dotted_bottom">Po wypełnieniu poniższego formularza zyskasz możliwość korzystania z portalu RapidCar.pl bez ograniczeń.</p><div class="row"><div class="column_left"><span class="blue_arrow">›</span><label for="form1_login"><font color="<? echo $cookielogin ?>">Nazwa użytkownika:</font></label></div><div class="column_right"><input maxlength="32" onfocus="javascript:on_login_focus();" onblur="javascript:clear_notification('login_notify')" class="kolorowy"  id="login" name="login" value="" type="text"></div><div id="login_notify"></div></div><div class="row" id="hide_div">

[erix]

Kod

$("#login").change(function() {

Spróbuj zmienić zdarzenie na blur.

[dark_root]

A jak to zrobić?

[erix]

A wiesz, co oznacza change w tamtym kodzie? Skoro pytasz = nie.

Doczytaj w dokumentacji, jest napisane czarno na białym.

[dark_root]

Ale jak zdarzenie może być na blur myślałem, ze to ię dodaje do np. pól tekstowych an nie zdarzeń.

[erix]

Trochę nie zrozumiałem...?

To Ty wybierasz, w jakich zdarzeniach ma skrypt działać; IE jest niedorobione, więc trzeba innym.

[dark_root]

Nie miało tam być ię tylko się. Czyli post miał wyglądać

Kod

Ale jak zdarzenie może być na blur myślałem, ze to się dodaje do np. pól tekstowych an nie zdarzeń.

[erix]

I ja nie zrozumiałem...

Ale jak zdarzenie może być na blur myślałem

Przecież blur to jest normalne zdarzenie...

[dark_root]

No ale co mam dać w to zdarzenie blur bo nie wiem.

[erix]

Spróbuj zmienić zdarzenie na blur.