[ درس ] التأكد من البريد الالكتروني متاح للتسجيل ajax

السلام عليكم ورحمة الله وبركاته
اللهم صلّ وسلم وبارك على سيدنا محمد " صلوات الله عليه " .

للأجاكس مزايا كثيرة للاستخدامه في برمجياتك للتيح لأعضائك وزوارك قابلية ومرونة اكثر في التصفح
ومنها عند تسجيل عضوية جديدة تلاحظ بعد الضغط على التسجيل يقوم العضو بالتفاجئ ان البريد الألكتروني غير صالح لانه مسجل مسبقاً !

لكن مع هذا الدرس يمكنك اعطائه رساله حين كتابة البريد الالكتروني بأنه متاح او لا ببساطه وسهولة
والدرس جميل وبسيط للغايه

لديك قاعدة بيانات بأسم
Users
ومن حقولها email

جميل :icon30:

الآن عندك فورم HTML
رمز PHP:

البريد الألكتروني :

ليبل تابع للحقل البريد الألكتروني .
الحقل البريد اعطيناه id بمحتوى email رح نستخدمه بالجكويري
عملنا div واعطيناه id بمحتوى result لعرض النتيجة اما متاح او غير متاح :shiny01:

الآن بالجكويري ابتدا شغلنا

رمز PHP:

$(function(){



$('#email').keyup(function(){




// هنا شغلنا

});

});

عند الكتابة في حقل البريد الألكتروني رح يتأكد من صحة البريد

رمز PHP:

function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x 20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+ )?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
return pattern.test(emailAddress);
};

$(function(){

$('#email').keyup(function(){
var email = $(this).val(); // تخزين محتوى الحقل
if(isValidEmailAddress(email)){ // التأكد من صحة البريد الألكتروني
$.ajax({
type: 'POST',
url: 'check_email.php',
data: 'email='+email,
success: function(data){
if(data == 1){
$('#result').text('غير متاح');
}else {
$('#result').text('مبروك متاح');
}
}
});
}
});

});

اول شي خلينا دالة خارج اطار العمل تبعنا لفحص صحة كتابة البريد حتى من ترسل للقاعدة
مانرسل شي غلط نرسل بريد حقيقي بعد مايتأكد عملنا ارسال بدالة ajax
للملف check_email.php ورح يرجع بالنتيجة اما 1 او 0 اذا 1 يعني البريد غير متاح واذا 0 متاح ..


الان ملف check_email.php
رح يكون محتواه

رمز PHP:


عملنا شرط اذا كان اكو قيمة مرسلة من الاجاكس من ثم عملنا متغير وخزنا الايميل وبعدها
عملنا تحقق من القاعدة وبعدين عملنا نتيجة اذا كان 1 البريد موجود بالقاعدة وبذلك غير متاح
واذا خلافها بتم العملية

وتحياتي وتقديري لكم
محمد الحسيني


تنبيه هام ..

الكاتب هو Mohamed Alhosaini
وانا مجرد قمت بإعادة كتابته لانه انحذف :( ..


بالتوفيق ..

أكثر...