حدود الأحرف: التحقق من الحد الأدنى والحد الأقصى للطول

لماذا تُعدّ حدود الأحرف مهمة في نماذج ووردبريس؟

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

• تجنب الإجابات المكونة من كلمة واحدة — اشترط حدًا أدنى لطول خانات التعليقات أو الرسائل حتى يقدم لك المستخدمون شيئًا قابلاً للتنفيذ
• اجعل الردود قابلة للإدارة — قم بتحديد حجم حقول النص بحيث تبقى المدخلات ضمن حجم قابل للقراءة لفريقك
• مطابقة قيود المنصة — فرض حدود تعكس السير الذاتية على وسائل التواصل الاجتماعي، أو أوصاف المنتجات، أو سياسات الشخصية الداخلية
• تحسين جودة البيانات — دمج قواعد الطول مع التحقق من صحة النمط (أحرف فقط، أرقام فقط، تعبير نمطي مخصص) للتحكم بشكل أدق في المدخلات
• تقليل البريد العشوائي - يسهل حظر الرسائل غير المرغوب فيها القصيرة جدًا أو الطويلة جدًا عند وجود قيود.

يقوم برنامج Auto Form Builder بتطبيق هذه القواعد على كل من الواجهة الأمامية (قبل أن يقوم المستخدم بالإرسال) والخادم (عند معالجة النموذج)، لذلك لا يمكن تجاوز الحدود عن طريق تعطيل جافا سكريبت.

ما هي الحقول التي تدعم حدود الأحرف؟

تتوفر خاصية التحقق من طول الأحرف في أنواع الحقول التالية في أداة إنشاء النماذج التلقائية:

إدخال النص

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

ناحية النص

تدعم حقول النص متعددة الأسطر نفس خيارات الحد الأدنى والحد الأقصى للطول. حدد حدًا أدنى لطلب إجابات مفصلة (مثل تذاكر الدعم، وملخصات المشاريع، ووصف الأحداث) وحدًا أقصى للحفاظ على الإيجاز في الإجابات.

الجوال

تستخدم حقول أرقام الهواتف التحقق من طول الأرقام ، وليس إجمالي الأحرف. حدد الحد الأدنى والحد الأقصى لعدد الأرقام المطلوبة (حتى 20 رقمًا). يعمل هذا بالتزامن مع خيارات تنسيق أرقام الهواتف مثل التنسيق الأمريكي والبريطاني والدولي وأنماط التنسيق المخصصة.

متشابهة ولكنها مختلفة: تستخدم حقول الأرقام أقل قيمة مسموح بها وأعلى قيمة مسموح بها للنطاقات الرقمية (مثل: العمر من 18 إلى 99)، وليس عدد الأحرف. بينما تستخدم حقول مربعات الاختيار الحد الأدنى والحد الأقصى لعدد الاختيارات .

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

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

الخطوة 1: افتح أداة إنشاء النماذج

في لوحة تحكم ووردبريس الخاصة بك، انتقل إلى أداة إنشاء النماذج التلقائية → جميع النماذج ، ثم انقر فوق النموذج الذي تريد تعديله (أو إنشاء نموذج جديد).

الخطوة الثانية: تحديد الحقل

انقر على حقل النص أو منطقة النص أو رقم الهاتف الذي تريد تقييده. ستفتح لوحة إعدادات الحقل على الجانب الأيمن من أداة الإنشاء.

الخطوة 3: تحديد الحد الأدنى للطول

ضمن خيارات حقل النص ، أو خيارات حقل منطقة النص ، أو خيارات حقل الهاتف ، ابحث عن إدخال الحد الأدنى للطول.

• بالنسبة لحقول النص وحقول منطقة النص: أدخل الحد الأدنى لعدد الأحرف مطلوب
• بالنسبة لحقول الهاتف: أدخل الحد الأدنى لعدد الأرقام مطلوب

اترك هذا الحقل فارغًا إذا لم يكن هناك حد أدنى.

الخطوة الرابعة: تحديد الطول الأقصى

في حقل "الحد الأقصى للطول" المجاور، أدخل الحد الأقصى. في حقول النص وحقول منطقة النص، يمنع المتصفح المستخدمين من الكتابة بما يتجاوز الحد الأقصى. أما في حقول أرقام الهواتف، فيُطبق الحد على الأرقام فقط.

اترك هذا الحقل فارغًا لعدم وجود حد أقصى.

الخطوة 5: الحفظ والمعاينة

احفظ النموذج واستخدم المعاينة المدمجة (عرض سطح المكتب، والعرض على الأجهزة اللوحية، وعرض الهاتف المحمول) لاختبار الحدود. جرّب إرسال النموذج بعدد أحرف أقل من اللازم، وعدد أحرف أكثر من اللازم، وطول صحيح للتأكد من ظهور رسائل التحقق بشكل صحيح.

كيف تعمل عملية التحقق من الصحة في واجهة المستخدم

يقوم منشئ النماذج التلقائي بالتحقق من حدود الأحرف على مستويات متعددة حتى يحصل الزوار على ردود فعل فورية:

تطبيق القواعد على مستوى المتصفح

تُخرج حقول النص والهاتف بيانات HTML قياسية minlength و maxlength السمات. إخراج حقول منطقة النص maxlength بالنسبة للحد الأعلى. تستخدم المتصفحات الحديثة هذه الخاصية لمنع إدخال البيانات التي تتجاوز الحد الأقصى، ولتمييز الحقول التي تقل عن الحد الأدنى عند الإرسال.

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

يتحقق معالج التحقق من صحة البيانات في واجهة المستخدم الخاصة بالملحق من قيود الطول عندما يغادر المستخدم حقلًا (عند فقدان التركيز) ومرة ​​أخرى عند إرسال النموذج. إذا كان الإدخال قصيرًا جدًا أو طويلًا جدًا، فستظهر رسالة خطأ واضحة أسفل الحقل - على سبيل المثال:

• "الرجاء إدخال 10 حرفًا على الأقل"
• "الرجاء إدخال ما لا يزيد عن 500 حرف"

التحقق من صحة البيانات من جانب الخادم عند الإرسال

يتم التحقق من صحة كل طلب مرة أخرى على الخادم قبل حفظه. إذا تجاوز أحدهم عمليات التحقق من المتصفح، يرفض الخادم الطلب ويعرض رسالة خطأ مترجمة مثل:

• "يجب أن يتكون من 10 أحرف على الأقل."
• "يجب ألا يتجاوز 500 حرف."

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

دمج حدود الطول مع قواعد التحقق الأخرى

تعمل حدود الأحرف جنبًا إلى جنب مع خيارات التحقق الأخرى في لوحة إعدادات الحقل نفسها. قم بتجميعها معًا لتحكم أدق:

التحقق من صحة النمط

في حقول النصوص، استخدم قائمة التحقق المنسدلة لتقييد التنسيق - البريد الإلكتروني، عنوان URL، الأحرف فقط، الأرقام فقط، الأحرف والأرقام، أو نمط مخصص (تعبير نمطي). تُطبق حدود الطول بالإضافة إلى النمط، لذا يمكن أن يتطلب الحقل من 5 إلى 20 حرفًا أبجديًا رقميًا، على سبيل المثال.

قم بإزالة المساحات البيضاء

فعّل خاصية "إزالة المسافات البيضاء" في حقول النص لإزالة المسافات البادئة واللاحقة قبل التحقق من صحة القيمة وإرسالها. هذا يمنع المستخدمين من الوصول إلى الحد الأدنى للطول المطلوب عن طريق كتابة المسافات.

حقل مطلوب

قم بتحديد الحقل على أنه مطلوب في إعدادات الحقل الأساسية بحيث يتم حظر عمليات الإرسال الفارغة قبل حتى إجراء عمليات التحقق من الطول.

المنطق الشرطي

يمكنك إظهار أو إخفاء الحقول ذات الطول المحدد بناءً على إجابات أخرى باستخدام المنطق الشرطي المجاني في أداة إنشاء النماذج التلقائية. على سبيل المثال، يمكنك عرض حقل نصي مفصل (بحد أدنى 50 حرفًا) فقط عندما يختار المستخدم "أخرى" من القائمة المنسدلة.

أمثلة عملية وحدود موصى بها

رسالة نموذج الاتصال

• نوع الحقل: ناحية النص
• الحد الأدنى للطول: الأحرف 20
• الحد الأقصى لطول: الأحرف 2,000
• لماذا: يضمن ذلك أن يكتب الزوار رسالة حقيقية دون إغراق صندوق الوارد الخاص بك

مراجعة المنتج أو شهادة المستخدم

• نوع الحقل: ناحية النص
• الحد الأدنى للطول: الأحرف 50
• الحد الأقصى لطول: الأحرف 500
• لماذا: يشجع على كتابة مراجعات مدروسة مع الحفاظ على جاهزيتها للعرض.

حقل كلمة المرور أو رمز الوصول

• نوع الحقل: نص (تم تمكين حقل كلمة المرور)
• الحد الأدنى للطول: الأحرف 8
• الحد الأقصى لطول: الأحرف 64
• لماذا: يفرض حجم كلمة مرور معقول على نماذج التسجيل أو الوصول المخصصة

رقم الهاتف

• نوع الحقل: هاتف (بصيغة الولايات المتحدة)
• الحد الأدنى للطول: أرقام 10
• الحد الأقصى لطول: أرقام 10
• لماذا: يتوافق مع طول رقم الهاتف الأمريكي القياسي مع التنسيق التلقائي أثناء كتابة المستخدم

إجابة قصيرة أو عنوان الموضوع

• نوع الحقل: نص
• الحد الأدنى للطول: الأحرف 3
• الحد الأقصى لطول: الأحرف 100
• لماذا: قم بتقسيم النص إلى خانات فارغة أو تحتوي على موضوعات من حرف واحد مع الحفاظ على عناوين موجزة.

حدود الأحرف في النماذج المضمنة

تستخدم النماذج المضمنة في مواقع غير ووردبريس - بما في ذلك صفحات WP Bakery وBrizy وElementor أو أي موقع ويب خارجي - نفس آلية التحقق من طول النص. تُطبق سمات HTML وفحوصات JavaScript وقواعد جانب الخادم بشكل متطابق سواءً عُرض النموذج عبر رمز مختصر على موقع ووردبريس الخاص بك أو من خلال رمز التضمين المنسوخ من شاشة النماذج.

تنتقل حدود الأحرف ورسائل الخطأ والتصميم مع النموذج أينما وضعته.

حدود الأحرف مقابل التحقق من نطاق الأرقام

من السهل الخلط بين هاتين الميزتين. إليك الفرق:

• حدود الأحرف (نص، مربع نص، هاتف) — تحكم في عدد الأحرف أو الأرقام التي يكتبها المستخدم. يتم ضبط ذلك من خلال الحد الأدنى والحد الأقصى للطول في خيارات الحقل.
• التحقق من صحة نطاق الأرقام (حقل رقمي) - تحكم في القيمة الرقمية نفسها. يتم تحديدها عبر أدنى قيمة مسموح بها وأعلى قيمة مسموح بها. يقبل الحقل الرقمي الذي تتراوح قيمته بين 1 و100 القيمة "50" (قيمة ضمن النطاق) بغض النظر عن عدد الأرقام التي يحتويها.
• حدود الاختيار (حقل مربع الاختيار) — التحكم في عدد الخيارات التي يمكن للمستخدم تحديدها. يتم تحديد ذلك من خلال الحد الأدنى والحد الأقصى لعدد الاختيارات.

اختر نوع الحقل والتحقق الذي يتطابق مع ما تحتاج إلى تقييده فعليًا.

قم بتنزيل أداة إنشاء النماذج التلقائية - التحقق المجاني من حد الأحرف

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

قم بتثبيته من دليل WordPress.org الرسمي: https://wordpress.org/plugins/auto-form-builder/

آخر تحديث: آخر تحديث 5 أغسطس

الأسئلة الشائعة