السلام عليكم ...
هذا التطبيق يستخدم مكتبة jQuery
Downloading jQuery - jQuery JavaScript Library
بعد تحميل الــ jQuery أرفقها في صفحة التسجيل
مثال على فروم التسجيل ...
كود بلغة HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript">
$(document).ready(function() {
$('#usernameLoading').hide();
$('#username').blur(function(){
$('#usernameLoading').show();
$.post("check.php", {
username: $('#username').val()
}, function(response){
setTimeout("finishAjax('usernameResult', '"+escape(response)+"')", 500);
});
return false;
});
});
function finishAjax(id, response) {
$('#usernameLoading').hide();
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
</script> </head> <body> <fieldset><legend>Registration Form</legend> <form action="check_username.htm" method="post"> <p><label for="username">Username:</label> <input type="text" name="username" id="username" /> <span id="usernameLoading"><img src="indicator.gif" alt="Ajax Indicator" /></span><span id="usernameResult"></span></p> <p><label for="password">Password:</label> <input type="password" name="password" id="password"/></p> <p><input type="submit" name="submit" value="Sign Up!" /></p> </form> </fieldset> </body> </html> كيف يعرف الـ JavaScript الأسماء المتاحة أو الغير متاحة ؟
عندما وجدت الكود أول مرة كان يستخدم صاحبه ملف PHP يتفحص الأسماء الموجودة داخل ملف
xls و كان من السهل جدا الوصل اليه خاصة و ان اسمه مستخدم من طرف الـ javascript
يعني اي واحد يمكنه أن يصل الى المصدر
مع بض التعديلات حولت الكود ليتفحص الأسماء الموجود في قاعدة بيانات MySQL
و يكون كالتالي :
كود PHP:
<?php
require "msconfig.php";
$username = $_POST['username']; // get the username
$username = trim(htmlentities($username)); // strip some crap out of it
echo check_username();
function check_username(){
$SQL= @mysql_query ("select username from wcc_users where username = '$_POST[username]'");
$nSQL = mysql_num_rows($SQL);
if($nSQL > 0)
{
return '<img src="bad.gif"><span style="color:#f00"> هذا الإسم غير متوفر</span>';
}else{
return '<img src="good.gif"><span style="color:#0c0"> هذا الإسم متوفـر</span>';
}
}
?>
العربية تضهر بشكل سليم 100 %
اذا تعذر عليك الأمر سأرفق لك جميع الملفات جاهزة
بالتوفيــــق