في ھذا الفصل سنتعلم استخدامات جميع أدوات التحقق وآلية عملها مع العديد من الأمثلة والتمارين , ومن مواضيع هذا الفصل
RequiredFieldValidator
RangeValidator
CompareValidator
RegularExpressionValidator CustomValidator
ValidationSummary
نقاط ھامة حول تطبیقات أدوات التحقق
الفصل الثلث استخدام أدواث التحفق
3- +240 1/310©+:600108 : يوجد ثلاث استخدامات لأداة التحقق هذه :
١ التحقق من نمط البيانات المدخلة , مثلا” التحقق من أن البيانات المدخلة في حقل السعر
هي من النمط »101886 , وفي حقل تاريخ الميلاد من النمط 02:8 وهكذا ..
أخرى محددة مسبقا” , مثلا” عند بناء موقع للمزايدة العلنية
يجب أن تكون القيمة المدخلة أعلى من القيمة البدائية للمزاد .
اا. . مقارنة القيم المدخلة في حقلي إدخال ( أداتي تحكم *78*»0807 أو غيرها) كما في حالة
إدخال كلمة المرور وإعادة كتابتها مرة أخرى للتأكيد , أو للتحقق من أن تاريخ ب
الاجتماع أصغر من تاريخ انتهائه وهكذا ..
ومن خصائص أداة التحقق +:600002181/310210 :
> ©6001701101/21021 : لتحديد أداة التحكم المرتبطة بأداة التحقق هذه .
20030065588 : لتحديد رسالة الخطاً التي ستظهر في حال عدم تحقق القيد المحدد
بالخصائص الأخرى .
> +006810 : معامل التحقق , أي عملية المقارنة التي يجب أن تتحقق ( مساواة , عدم
مساواة , أكبر , أصغر , أم التحقق من نمط البيانات المدخلة ) .
7 731061060000336 : قيمة ثابتة لتتم مقارئتها مع القيمة المدخلة بأداة التحكم .
> 600101102000026 : تحديد 10 لأداة تحكم أخرى لتتم المقارنة بالقيمة المدخلة
©1/0 : للتحقق من أن البيانات المدخلة هي من نمط محدد. ومكن أن تأخذ إحدى القيم
نستعرض في هذا المثال كيفية التحقق من نمط البيانات المدخلة , سنقوم بإنشاء نموذج بسيط لإدخال
تاريخ الميلاد و ستظهر رسالة خطأً إن قام المستخدم بإدخال قيمة من نمط بيانئات آخر غير 0846 ,
أنشئ صفحة جديدة,أضف أدوات التحكم 18180 ,1100 نرق وأداة التحقق 1106107 2161/2 2017710
الخاصية القيمة
الفصل الثالت استخدام أدواث التحقق
كود الصفحة :
المع فلت 00م :م 85>
بان نمط "27700446556
"مرجع "حعوميا "4201 11 قلاف جومم"
بيولاف 0006 :كه />
عمي "10-7764801 7680 :250
</ 0 الميلاه تاريخ
الصفحة السابقة وأدخل 1/1/2000 واضغط على الزر , سيتم قبول البيانات , أما لو أدخلت
قيمة من نمط بيانات خاطئ فستظهر رسالة الخطأً المحددة .
مثال عن المقارئة مع قيمة ثابتة :
سنقوم في هذا المثال بإنشاء نموذج بسيط قبول الدخل إذا كانت القيمة المدخلة أكبر من 10
وإلا ستظهر رسالة خطأ , أنشئ صفحة , أضف أدوات التحكم 16180 ,801100 وأداة
التحقق +600103:81/310210 واضبط فيها الخصائص التالية :
الخاصية القيمة
عدا 6001:01101/2 1801
6ع0:00/16553 قيمة خاطئة
كود الصفحة :
الفصل الثالت استخدام أدواث التحقق
استفل
مثال عن مقارنة قيم أدوات التحكم :
سنقوم في هذا المثال بتطبيق أحد استخدامات أدوات التحقق الشائعة , وهي إعادة كتابة كلمة المرور
للتأكد من صحتها , أنشئ صفحة جديدة , أضف أدوات التحكم 0:2 0:01,16::18 81011011,16:018
وأداة التحقق 600103:81/311031083 واضبط فيها الخصائص التالية :
الخاصية القيمة
6ع501011/16552 كلمة المرور وتأكيدها غير متطابقين
0210 اقنوع
كود الصفحة :
حتف
</ 0»المزور كلمة أدخل
المرور كلمة كتابة أعد
"متطابقين غير وتأكيدها المرور كلمة"-مج55ع2070014
نفذ الصفحة السابقة وقم بإدخال كلمتي مرور مختلفتين في حقلي الإدخال لتظهر لك رسالة الخطأ ,
وهذا ما نراه عادة في المنتديات عند تسجيل عضوية جديدة .
الفصل الثالث استخدام أدواث التحقق
4- +240 136551001/2110م+18ع88 : فحص القيمة المدخلة إن كانت تتوافق مع تعبير منتظم
> ©600101101/21021 : لتحديد أداة التحكم المرتبطة بأداة التحقق هذه .
> 00200655386 : لتحديد رسالة الخطأً التي ستظهر في حال عدم توافق القيمة
المدخلة مع التعبير المنتظم المحدد .
7 03655100 731021100 : لتحديد التعبير المنتظم المراد تطبيقه .
ولكن ماهو التعبير المنتظم ؟ بإيجاز : هو صيغة كتابة شيء ما . فمن المعلوم على سبيل المثال أن
البريد الإلكتروني يملك الصيغة التالية : 00006600000600 أي أنه يتألف من (اسم الحساب
© اسم الجهة المستضيفة . النطاق ) وبالتالي فإن إنقاص أي جزء من الصيغة السابقة يؤدي
للحمبول على يريد التتزرت ع سنسييع , مازويد له هو التحقق من أن ال تخدم أدخل قيمة
تتوافق مع صيغة محددة , يتم تحديد الصيغة بما يدعى بالتعبير المنتظم, التعبير المنتظم للبريد
الالكتروني :
مثل :
سنقوم في هذا المثال بعمل نموذج بسيط لإدخال البريد الإلكتروني والتحقق من صحة صيغته ,
أنشئ صفحة جديدة , أضف أدوات التحكم «78»80 . , 801100 وأداة _التحقق
الخاصية القيمة
86 0011/6552 اصيغة بريد إلكتروني غير صحيحة
كود الصفحة :
الاكتروني بريدك أدخل
الفصل الثلث استخدام أدواث التحفق
نفذ الصفحة السابقة ولاحظ ظهور رسالة الخطاً عند إدخالك لبريد إلكتروني ذو صيغة غير صحيحة
المزيد حول التعابير المنتظمة :
عناوين البريد الإلكتروني ليست الأمر الوحيد الذي يخضع لقواعد التعابير المنتظمة , فأرقام
الهواتف , أرقام الضمان الاجتماعي , عنانوين مواقع الانترنت .... إلخ جميعهم يخضعون لأسلوب
كتابة محدد بواسطة التعابير المنتظمة . تحتوي منصة العمل 50/010 1/5031 على صيغ التعابير
المنتظمة الأكثر شيوعا , كما يوجد العديد من مواقع الانترنت التي تقدم هذه الخدمة ومن أهمها :
االاع: تسنط
فبإمكانك تصميم أسلوب التحقق الخاص بك وذلك باستخدام الأداة +605101001/21/0310 ومن
الخصائص الهامة لأداة التحقق هذه :
©600101701/211021 : لتحديد أداة التحكم المرتبطة بأداة التحقق هذه .
> 20001065528 : لتحديد رسالة الخطأً التي ستظهر في حال عدم توافق القيمة المدخلة
مع قيد التحقق المحدد .
102100200000ا/116011© : اسم تابع (800100 ) التحقق الذي سيتم تطبيقه على
جاتب العميل ( ع6015:0ا6 )
كما أن أداة التحقق +00540001/2160810 تدعم الحدث 580/621/810318 والذي يتم إطلاقه
عند بدء عمل أداة التحقق هذه .
يتم تطبيق تابع التحقق عند إطلاق الحدث ع580/811/211031 .
مثل
لو أردنا مثلا” جعل دخل المستخدم لا يتجاوز 10 أحرف , وإلا ستظهر رسالة خطأً تخبر المستخدم
بأنه تجاوز الطول المسموح به . أنشئ صفحة جديدة , أضف أدوات التحكم )166180 , 801100
وأداة التحقق +05101001/21:0210 واضبط فيها الخصائص التالية
الفصل الثالت استخدام أدواث التحقق
الخاصية القيمة
عدا 6001:01101/2 1801
6ع01:010/16553 تجاوزت الطول المسموح به
(د < لمعومعا استفلاكومة) مد
معاد عد د مومع ا استولا. كوه +1
ععلوع - 2110ل/ا15 .2055
عقاع
م قمع
طك قمع
البارامتر الثاني ( 285 ) في الدالة السابقة هو غرض من الصف 5ع5/610118 5611/611/2110216
> عباولا : تمثل القيمة المدخلة في أداة التحكم المرتبطة بأداة التحقق +1/310240 60054007
> 151/3110 : تحدد هل تم تجاوز شرط التحقق بنجاح أم فشل
7 017/18*1 3110216201 : تحدد هل يتم تطبيق تابع ا!
في حقل الإدخال أم لا .
في الكود السابق قمنا بفحص طول القيمة المدخلة فإن تجاوزت 10 محارف يتم إعطاء الخاصية
1/0 القيمة 60158 ( أي فشل اختبار التحقق ) وإلا يتم إعطائه القيمة 06 وتجاوز اختبار
التحقق بنجاح .
اذا لم يدخل المستخدم أي قيمة
الفصل الثالت استخدام أدواث التحقق
كود الصفحة :
اتلد دا
إن كود 6# أو 8لا السابق موجود على السيرفر وبالتالي فإن عملية التحقق من دخل المستخدم ستتم
على الجانب السيرفر وهذا يتطلب إرسال بيانات الصفحة مما يؤدي إلى بطئ في عملية التحقق ,
بإمكاننا جعل عملية التحقق تتم على جانب المستخدم والسرفر مع وذلك حيث نستفاد من سرعة
التحقق على جانب المستخدم ومن سلامة عملية التحقّق وضمائها على جانب السيرفر , يتم التحقق
على جانب المستخدم بواسطة لغة الجافاسكريبت , حيث تتم إضافة دالة التحقق في صفحة م850
وهذا ماسيتضح من خلال المثال التالي .
مثال عن التحقق على جانب العميل
الجافاسكربت بين وسمي <11680/> ....<11630> أعلى الصفحة ) الكود :
امرض "حعهمي فقعطى
الفصل الثلث استخدام أدواث التحفق
بعد الإضافة السابقة قم بتنفيذ الصفحة وأدخل نص أطول من 10 محارف ثم اضغط على الزر ,
أسفل المتصفح ) وهذا يعني أن الصفحة لم ترسل للسيرفر بعد , وأن عملية التحقق قد تمت على
طرف المستخدم , وفي هذا سرعة أكبر وتخفيف من العبء على السيرفر .
طرف التحقق السرعة
التحقق على جانب المستخد. سرعة أكبر
التحقق على جانب السيرفر سرعة أقل
وبالتالي فإن الحل الأفضل هو التحقق على كلا الجانبين معا كما فعلنا في المثال السابق وبهذا
نضمن مزايا كلا الأسلوبين ونتجاوز عيوبهما .
6- 811080050070007 : إظهار ملخص بجميع أخطاء التحقق التي تم اكتشافها في الصفحة
هذا الأمر مفيد عند التعامل مع نماذج إدخال طويلة , حيث يتم عرض جميع الأخطاء الحاصلة
أسفل الصفحة ( أو في أي مكان ترغب به ). من خلال تعاملك مع أدوات التحقق السابقة لابد
110310050000707 , في حين القيم المسندة للخاصية :»ع7 تظهر كجزء من الصفحة
نفسها ويفضل أن تكون قصيرة , في حين تحتوي 010131/8553886] على تفصيل أكثر. على
العموم , إن لم تسند قيمة للخاصية 74 فإن الخاصية 00071/0655886ع ستعمل عملها وتقوم
ابعرض قيمتها كجزء من الصفحة ( وهذا ما كنا نقوم به في الأمتلة السابقة ) . للتوضيح أكثر
حول هذه النقاط دعنا نطبق المثال التالي :
مثل :
سنقوم في هذا المثال بالتعامل مع كلا الخاصيتين 18«1 ,00021/16553866 وذلك بغية توضيح
وظيفة كلا" منهما , أنشئ صفحة جديدة , أضف أدوات التحكم واضبط خصائصها كما هو موضح
في الجدول التالي : ( وهو نموذج بسيط يطلب من المستخدم ادخال اسمه وكلمة المرور )
اسم الأداة الخاصية القيمة
الفصل الثالث استخدام أدوات التحقق
2 الماع عسو |1 *
2بمتمل نا جلما قاع أساو686 | 6ع 0:011/16553] لم تقم بإدخال كلمة المرور
مم نا لقا ع سوع8 | 0216 1ا1/2 200170110 10802
قم بتنفيذ الصفحة السابقة واضغط على الزر دون أن تدخل أي
بيانات في حقول الإدخال , ستلاحظ ظهور الرمز * بجائب كلا من
حقلي الإدخال وهي القيمة المحددة بالخاصية 76»1 , كما ستلاحظ
أسفل الصفحة. ظهور _ رسالتي الخطأً المحددتين بالخاصية
©021/065588 لكلا من أداة التحقق الأولى والثانية , حيث يتم
عرضهما كجزء من الأداة 1/311031005000000/1 .كما هو
كود الصفحة :
لم تقم بإدخال كلمة المرور
“اسمك بإدخال تقم لم" -2عج55ع/0:4مع
للامقااات 7 :4/2 د" يضعد"حتعمي “10-7118012 مقت 250:7
“المرور كلمة بإدخال تقم لم "-8ع 700462555
جم 11 دلافاع تعك جوع : ركد / * دمع ”م1 م0
</. "مع يمع" حعهميم "1ن ممص ك0مة 1142لا"
> 015012710006 : لتحديد أسلوب عرض رسائل الأخطاء , مثلا” كقائمة أم فقرة ... وتأخذ
> 146208781 : لتحديد عنوان يظهر أعلى رسائل الخطأً المعروضة في هذه الأداة .