تعلم كيفية التحقق من صحة النماذج باستخدام JavaScript أو CGI

بمجرد إنشاء نموذج HTML وتشغيله ، ستحتاج غالبًا إلى التأكد من ملء جميع الحقول المهمة. على سبيل المثال ، إذا كنت تريد إرسال رسالة تأكيد عبر البريد الإلكتروني ، فيجب تضمين عنوان البريد الإلكتروني في حقول النموذج ، ويجب أن يكون عنوان بريد إلكتروني يعمل.

هناك طريقتان للتحقق من صحة النماذج الخاصة بك:

  1. استخدام جافا سكريبت
  2. باستخدام برنامج نصي CGI

الايجابيات من استخدام جافا سكريبت للتحقق من صحة النماذج

سلبيات استخدام جافا سكريبت للتحقق من صحة النماذج

الايجابيات من استخدام CGI للتحقق من صحة النماذج

سلبيات استخدام CGI للتحقق من صحة النماذج

الطريقة التي أتعامل بها هي أن يتم إجراء معظم عمليات التحقق من الأخطاء باستخدام جافا سكريبت. بهذه الطريقة ، فهي سريعة وسهلة للقراء.

أنا ثم إعادة فحص العناصر الحيوية للنموذج مع CGI.

كيفية استخدام جافا سكريبت للتحقق من صحة نماذج HTML

الفرضية الأساسية لإنشاء التحقق من صحة النموذج هي البحث عن أسماء عناصر النموذج المطلوبة ، وإذا كانت فارغة ، فقم بعرض رسالة خطأ.

تحقق معظم برامج التحقق من الأخطاء من كل حقل في كل مرة ، وتعرض خطأً واحداً في كل مرة.

هذا يمكن أن يجعل ملء النموذج مملاً ، وقد يتوقف الناس في الوسط. إذا كنت تستخدم النص البرمجي التالي ومصدر Perl ، فستعرف كيفية التحقق من صحة نموذج بأكمله دفعة واحدة ، وعرض سلسلة من رسائل الخطأ التي يمكن للقارئ الرجوع إليها وإصلاحه.

جافا سكريبت للتحقق من صحة نموذج

في الجزء الرئيسي من HTML ، يجب إنشاء برنامج نصي لإجراء التحقق من صحة النموذج:

  1. قم بإعداد البرنامج النصي ، وتأكد من أنه مخفي عن المتصفحات التي لا تستطيع التعامل مع JavaScript.