چک کردن آنلاین نام کاربری هنگام عضویت

[GeRRaRd]

درود 
بنده یک مشکل داشتم که ممکنه مشکل خیلی از دوستان دیگه هم باشه
من یک فرم عضویت ساختم که یک فیلد برای ایمیل (یا همون نام کاربری) داره،میخوام توسط ایجکس بصورت آنلاین و بدون اینکه نیازی به زدن button و رفرش شدن صفحه باشه دیتابیس رو چک کنه که اگه نام کاربری دیگه ای با این اسم وجود داشت همون لحظه به کاربر اخطار بده و اگر وجود نداشت یه آیکون تیک سبز ظاهر بشه.


خواهش میکنم طوری توضیح بدید که یک فرد که آشنایی زیادی با جاوا و ایجکس نداره متوجه بشه 
ممنون 

[Reza]

شما قطعا یک فیلد text input دارید
مرحله 1
میتونید روی رویداد onchange هر وقت فیلد تغییر کرد مقدارشو بگیرید
https://api.jquery.com/change/
https://www.w3schools.com/jquery/event_change.asp

مرحله2
سپس میتونید با ajax مقدار اون فیلد رو برای یک صفحه مثلا check.php بفرستید
https://api.jquery.com/jQuery.post/
https://www.w3schools.com/jquery/ajax_post.asp
مرحله3
سپس توی اون صفحه check.php مقدار رو بگیرید و چک کنید توی دیتابیس موجود هست یا خیر
اگر موجود بود کلمه exists رو چاپ کنید .

در مرحله 2 شرط بذارید اگر نتیجه درخواست کلمه exists بود توی یک المانی چاپ کنه نام کاربری موجود است .
https://api.jquery.com/html/
https://www.w3schools.com/jquery/html_html.asp

[GeRRaRd]

شما قطعا یک فیلد text input دارید
مرحله 1
میتونید روی رویداد onchange هر وقت فیلد تغییر کرد مقدارشو بگیرید
https://api.jquery.com/change/
https://www.w3schools.com/jquery/event_change.asp

مرحله2
سپس میتونید با ajax مقدار اون فیلد رو برای یک صفحه مثلا check.php بفرستید
https://api.jquery.com/jQuery.post/
https://www.w3schools.com/jquery/ajax_post.asp
مرحله3
سپس توی اون صفحه check.php مقدار رو بگیرید و چک کنید توی دیتابیس موجود هست یا خیر
اگر موجود بود کلمه exists رو چاپ کنید .

در مرحله 2 شرط بذارید اگر نتیجه درخواست کلمه exists بود توی یک المانی چاپ کنه نام کاربری موجود است .
https://api.jquery.com/html/
https://www.w3schools.com/jquery/html_html.asp

متشکرم از راهنماییتون؛
من تونستم با توجه به گفته های شما به سورس کد زیر برسم که با اون تقریبا 50 درصد پروژه پیش میره  
علاوه بر چک کردن نام کاربری ، میتونید برای چک کردن رمز عبور و تکرار رمز عبور و همچنین اعتبارسنجی فیلد ها توسط سرور از کوئری زیر استفاده کنید:

کد:

<script type="text/javascript">

               $(document).ready(function() {
                   $('#Loading').hide();
               });
               function check_username(){
                   var email = $("#email").val();
                   if(email.length > 2){
                       $('#Loading').show();
                       $.post("check-user.php", {
                           email: $('#email').val(),
                       }, function(response){
                           $('#Info').fadeOut();
                           $('#Loading').hide();
                           setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
                       });
                       return false;
                   }
               }
               function finishAjax(id, response){
                   $('#'+id).html(unescape(response));
                   $('#'+id).fadeIn(1000);
               }
           </script>