بمجرد إنشاء نموذج HTML وتشغيله ، ستحتاج غالبًا إلى التأكد من ملء جميع الحقول المهمة. على سبيل المثال ، إذا كنت تريد إرسال رسالة تأكيد عبر البريد الإلكتروني ، فيجب تضمين عنوان البريد الإلكتروني في حقول النموذج ، ويجب أن يكون عنوان بريد إلكتروني يعمل.
هناك طريقتان للتحقق من صحة النماذج الخاصة بك:
- استخدام جافا سكريبت
- باستخدام برنامج نصي CGI
الايجابيات من استخدام جافا سكريبت للتحقق من صحة النماذج
- باستخدام javascript لا تستخدم أي وقت معالج الخادم. تتم جميع المعالجة على جهاز الكمبيوتر العميل.
- غالباً ما يبدو أنه يعمل بشكل أسرع من التحقق من CGI.
- نظرًا لأن صفحة النموذج لم تتغير ، فمن السهل على القارئ إصلاح الأخطاء.
سلبيات استخدام جافا سكريبت للتحقق من صحة النماذج
- تعمل JavaScript فقط على المتصفحات التي تم تمكينها. إذا تم تعطيل جافا سكريبت ، فلن يتم إجراء فحص الأخطاء.
الايجابيات من استخدام CGI للتحقق من صحة النماذج
- يضمن استخدام CGI للتحقق من صحة أنه في كل مرة يتم إرسال النموذج ، سيتم تشغيل التحقق من الصحة.
سلبيات استخدام CGI للتحقق من صحة النماذج
- يضع CGI حملاً أكثر على خادم الويب ، وتعتبر كل وظيفة يتم تضمينها في CGI مهمة أخرى للخادم.
- يمكن أن يكون CGI بطيء في الجري.
- إذا كان هناك خطأ ، يجب على العميل العودة إلى الصفحة الأولى من النموذج ، أو تحتاج CGI إلى وظيفة أخرى لإعادة كتابة صفحة النموذج.
الطريقة التي أتعامل بها هي أن يتم إجراء معظم عمليات التحقق من الأخطاء باستخدام جافا سكريبت. بهذه الطريقة ، فهي سريعة وسهلة للقراء. أنا ثم إعادة فحص العناصر الحيوية للنموذج مع CGI.
كيفية استخدام جافا سكريبت للتحقق من صحة نماذج HTML
الفرضية الأساسية لإنشاء التحقق من صحة النموذج هي البحث عن أسماء عناصر النموذج المطلوبة ، وإذا كانت فارغة ، فقم بعرض رسالة خطأ.
تحقق معظم برامج التحقق من الأخطاء من كل حقل في كل مرة ، وتعرض خطأً واحداً في كل مرة. هذا يمكن أن يجعل ملء النموذج مملاً ، وقد يتوقف الناس في الوسط. إذا كنت تستخدم النص البرمجي التالي ومصدر Perl ، فستعرف كيفية التحقق من صحة نموذج بأكمله دفعة واحدة ، وعرض سلسلة من رسائل الخطأ التي يمكن للقارئ الرجوع إليها وإصلاحه.
جافا سكريبت للتحقق من صحة نموذج
في الجزء الرئيسي من HTML ، يجب إنشاء برنامج نصي لإجراء التحقق من صحة النموذج:
- قم بإعداد البرنامج النصي ، وتأكد من أنه مخفي عن المتصفحات التي لا تستطيع التعامل مع JavaScript.
ثم ، لاستدعاء البرنامج النصي ، ضع عنصر onsubmit في علامة النموذج:
CGI للتحقق من صحة النماذج
يعمل هذا المقتطف النصي لـ CGI Perl على نفس الشيء مثل جافا سكريبت. يقوم بالتحقق لمعرفة ما إذا كانت الحقول المطلوبة موجودة ، وإذا لم يكن الأمر كذلك ، فإنه يحفظ رسالة خطأ إلى متغير للعرض:
#! / البيرة / المحلية / بن / بيرل$ error = ""؛if ($ in {'dd'} eq ""){ خطأ $ + = "يرجى الاختيار من القائمة المنسدلة.';}if ($ in {"words"} eq ""){ خطأ $ + = "يرجى تضمين بعض الكلمات في مربع النص.';}# … متابعة التحقق من صحة جميع الحقولإذا (خطأ $) print "نوع المحتوى: text / html n n"؛ طباعة "
حدث خطأ
'; طباعة خطأ $ print "الرجاء الرجوع وتصحيح هذه الأخطاء."؛ طباعة "';} آخر { # تواصل مع CGI …}
الفرق مع كيفية كتابة CGI رسالة الخطأ أنه بدلاً من " n" ، فإنه يستخدم علامة فقرة HTML لوضع سطر جديد بين كل خطأ.
والآن قمت بالتصديق على النموذج الخاص بك
باستخدام الطريقتين ، CGI و JavaScript ، قمت بالتحقق من صحة نموذج HTML بحيث تكون أكثر الأجزاء التي يتم إرسالها إليك دقيقة.
