السلام عليكم ...
هذا التطبيق يستخدم مكتبة 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 %
اذا تعذر عليك الأمر سأرفق لك جميع الملفات جاهزة
بالتوفيــــق
رد مع اقتباس
