حقل إدخال نصي
اجمع النصوص بدقة ومرونة. من الأسماء البسيطة إلى الأنماط المعقدة مع التحقق المدمج والتنسيق الذكي والتخصيص القوي - يتكيف حقل إدخال النص مع أي حالة استخدام مع حدود الأحرف والتنسيق التلقائي وأوضاع كلمة المرور الآمنة.
أساس كل نموذج في ووردبريس
مثالية لـ: روتين العناية بالبشرة، تطبيق المكياج، أيام السبا، أو الاستخدام اليومي
ميزات قوية لكل حالة استخدام
📏 التحكم الذكي في الطول
الحد الأدنى والحد الأقصى لعدد الأحرف
حدد أقصر وأطول نص مسموح به. امنع إرسال النصوص القصيرة جدًا أو الطويلة جدًا باستخدام التحقق المدمج في المتصفح.
التحقق في الوقت الحقيقي
يحصل المستخدمون على تعليقات فورية إذا لم تستوفِ مشاركاتهم متطلبات الطول – فلا مفاجآت بعد الإرسال.
أمثلة:
- اسم المستخدم: الحد الأدنى 3، الحد الأقصى 20 حرفًا
- الرمز البريدي: الحد الأدنى 5 أحرف، الحد الأقصى 10 أحرف
- الاسم: من حرفين كحد أدنى إلى 50 حرفًا كحد أقصى
- التعليق: الحد الأقصى 500 حرف
لماذا يهم:
التحكم في جودة البيانات، ومنع البريد العشوائي، وضمان توافق قواعد البيانات، وتوجيه المستخدمين لتقديم الكمية المناسبة من المعلومات.
✅ أنماط التحقق المدمجة
6 أنواع التحقق المُعدة مسبقًا:
- 1. لا شيء – قبول أي نص (افتراضي)
2. البريد الإلكتروني – التحقق من صحة تنسيق البريد الإلكتروني ([البريد الإلكتروني محمي])
3. عنوان URL – يتطلب عناوين ويب صالحة (https://example.com)
4. الأحرف فقط – الأحرف الأبجدية والمسافات فقط (جون دو)
5. الأرقام فقط – الأرقام الرقمية فقط (123456)
6. أبجدي رقمي – حروف وأرقام فقط، بدون رموز خاصة (User123)
بالإضافة إلى أنماط مخصصة:
- حدد التحقق من صحة التعبيرات النمطية الخاصة بك للتنسيقات المتخصصة مثل:
- لوحات الترخيص: `^[AZ]{3}[0-9]{4}$`
- رموز المنتج: `^[AZ]{2}[0-9]{6}$`
- تنسيقات مخصصة فريدة تناسب عملك
ردود الفعل الفورية:
يرى المستخدمون رسائل خطأ واضحة إذا لم تتطابق مدخلاتهم مع التنسيق المطلوب.
✂️ تقليم المساحات البيضاء تلقائيًا
تنظيف البيانات تلقائيًا
قم بإزالة المسافات غير المقصودة من بداية ونهاية النصوص. لن تحتاج بعد الآن إلى كتابة "John" عندما تريد كتابة "John" فقط.
استخدم حالات:
- عناوين البريد الإلكتروني (بدون مسافات لاحقة)
- أسماء المستخدمين (بدون مسافات بادئة)
- رموز مرجعية (مطابقات تامة)
- أي مجال تكون فيه الدقة مهمة
الفوائد :
يقلل من أخطاء المستخدم، ويحسن اتساق البيانات، ويمنع مشاكل التحقق، ويبسط عملية المطابقة والبحث.
🔒 وضع كلمة المرور
إخفاء المدخلات الآمنة
حوّل أي حقل نصي إلى حقل كلمة مرور. تظهر الأحرف على شكل نقاط (•••) لحماية المعلومات الحساسة من المتطفلين.
مثالي لـ:
- إدخال كلمة المرور ورمز PIN
- رموز الأمان والرموز المميزة
- أرقام تعريف سرية
- رموز المصادقة الثنائية
السلوك الذكي:
يقوم وضع كلمة المرور تلقائيًا بتعطيل الميزات المتعارضة مثل تحويل النصوص وأنواع الإدخال الخاصة لضمان الأمان.
📱 أنواع الإدخال الذكية
مُحسَّن للهواتف المحمولة وأجهزة الكمبيوتر المكتبية:
- نص عادي – إدخال نص قياسي للاستخدام العام
- البحث – يتضمن زر مسح مدمج (X) لإعادة الضبط السريع
- الهاتف – يقوم بتفعيل لوحة المفاتيح الرقمية على الأجهزة المحمولة لتسهيل إدخال رقم الهاتف
- عنوان URL – يعرض لوحة مفاتيح مخصصة للهواتف المحمولة مع اختصارات .com و .org
لماذا يهم:
يؤدي نوع الإدخال الصحيح إلى تسريع إدخال البيانات على الأجهزة المحمولة، وتقليل الأخطاء، وتحسين تجربة المستخدم عبر جميع الأجهزة.
🎨 تحويل النصوص تلقائيًا
تنسيق النص أثناء كتابة المستخدم:
- لا يوجد تغيير – يبقى النص كما هو مُدخل تماماً
- الأحرف الكبيرة – يحول جميع النصوص إلى أحرف كبيرة (جون دو)
- lowercase – يحول جميع النصوص إلى أحرف صغيرة (john doe)
- كتابة الحرف الأول بحرف كبير – الحرف الأول فقط بحرف كبير (جون دو)
- حالة العنوان – الحرف الأول من كل كلمة (جون دو)
مثالي لـ:
- الأحرف الكبيرة: لوحات ترخيص السيارات، رموز الولايات، معرفات المنتجات
- الأحرف الصغيرة: عناوين البريد الإلكتروني، أسماء المستخدمين
- يُكتب الحرف الأول من الجملة بحرف كبير، وكذلك الأسماء المفردة.
- حالة الأحرف: الأسماء الكاملة، العناوين، الألقاب
السلوك الذكي:
تتم عملية التحويل تلقائيًا أثناء الإرسال بينما يرى المستخدمون مدخلاتهم الأصلية.
🙈 وضع الحقل المخفي
حقول البيانات غير المرئية
أنشئ حقولاً غير مرئية للمستخدمين ولكنها تُرسل البيانات مع النموذج. مثالية للتتبع، ورموز الإحالة، وقيم النظام.
استخدم حالات:
- معلمات تتبع UTM
- معرّفات مصادر الإحالة
- أرقام إصدارات النموذج
- علامات التوقيت
- البيانات الوصفية المخفية
كيف يعمل:
قم بتعيين "القيمة المخفية" وسيتم تضمينها تلقائيًا في كل عملية إرسال نموذج دون إحداث فوضى في واجهة المستخدم الخاصة بالنموذج.
🔀 المنطق الشرطي
رؤية المجال الديناميكي
إظهار أو إخفاء حقول النص بناءً على قيم النموذج الأخرى. إنشاء نماذج ذكية تتكيف مع مدخلات المستخدم.
قواعد المنطق المتقدمة:
- منطق "و" – يجب استيفاء جميع الشروط
- منطق أو – يمكن لأي شرط أن يؤدي إلى تنفيذ الإجراء
- ثمانية عوامل تشغيلية – يساوي، لا يساوي، أكبر من، أصغر من، يحتوي على، فارغ، وأكثر
استخدم حالات:
- اعرض "اسم الشركة" فقط عندما يكون نوع المستخدم "عمل تجاري".
- اعرض "مصدر الإحالة" عندما يحتوي "كيف سمعت عنا؟" على كلمة "إحالة".
- إخفاء "تفاصيل أخرى" عندما لا يكون الخيار الأساسي فارغًا
- اعرض "رمز العرض الترويجي" عندما تتجاوز قيمة الطلب 100 دولار.
🎯 تجربة مستخدم محسّنة
ميزات ذكية مدمجة:
- القيم الافتراضية – املأ الحقول مسبقًا لتسريع عملية الإكمال
- نص توضيحي – عرض تلميحات مفيدة قبل أن يبدأ المستخدمون في الكتابة
- نص المساعدة – أضف أوصافًا لتوضيح ما يجب إدخاله
- التحقق المطلوب – اجعل الحقول إلزامية مع مؤشرات واضحة
- فئات CSS مخصصة – قم بتطبيق أنماط مخصصة لتتناسب مع علامتك التجارية
- دعم إمكانية الوصول – ملصقات ARIA لقارئات الشاشة
- مُحسَّن للأجهزة المحمولة – مدخلات سهلة الاستخدام تعمل باللمس مع لوحات مفاتيح مناسبة
إعداد بسيط في 3 خطوات
جهّز حقل إدخال النص الخاص بك في دقائق
أضف حقل النص
اسحب وأفلت حقل إدخال النص من قسم الحقول الأساسية إلى النموذج الخاص بك.
تحديد التحقق والحدود
اختر نوع التحقق (البريد الإلكتروني، عنوان URL، الأحرف، إلخ)، وحدد الحد الأدنى/الأقصى للأحرف، ويمكنك اختياريًا تمكين وضع كلمة المرور أو تقليم المسافات البيضاء.
تهيئة التنسيق
حدد نوع الإدخال لتحسين تجربة المستخدم على الأجهزة المحمولة، واختر تحويل النص (أحرف كبيرة، أحرف صغيرة، إلخ)، وقم بتعيين القيم الافتراضية أو العناصر النائبة.
؟؟؟؟ هذا كل شيء! حقل النص الخاص بك جاهز الآن مع التحقق الذكي والتنسيق.
تطبيقات العالم الحقيقي
التسجيل
* حقول اسم المستخدم ذات حدود الطول
* إدخالات كلمة المرور مع إخفاء
* تسمية الحقول بتنسيق الأحرف الكبيرة والصغيرة
* عناوين البريد الإلكتروني مع التحقق
أشكال الاتصال
* الاسم الكامل مع كتابة الأحرف الكبيرة والصغيرة
* التحقق من صحة البريد الإلكتروني
* أرقام الهواتف مع إدخال رقم الهاتف
* حقول الرسائل/التعليقات
التجارة الإلكترونية
* إدخال رمز العرض الترويجي (بحروف كبيرة)
* حقول رسائل الهدايا
* تعليمات خاصة
* ملاحظات الشحن
تطبيقات الأعمال
* أرقام هوية الموظفين
* أسماء الأقسام
* أرقام مرجعية
* رموز داخلية
التطبيقات والتسجيل
* أرقام التراخيص
* رموز الاعتماد
* معرفات العضوية
* المعرفات المخصصة
البحث والتصفية
* حقل بحث مع زر مسح
* تصفية حقول النص
* إدخالات الكلمات المفتاحية
* مدخلات الاستعلام
خيارات الحقول الكاملة
تكوين الأساسية
- تسمية الحقل – العنوان الذي يظهر أعلى حقل النص
- وصف/نص المساعدة – إرشادات إضافية للمستخدمين
- حقل إلزامي – اجعل إدخال النص إلزاميًا
- نص توضيحي – نص تلميحي قبل أن يبدأ المستخدمون في الكتابة
التحقق من الطول
- الحد الأدنى للطول – أقل عدد من الأحرف المسموح بها (للتحقق من الصحة)
- الحد الأقصى للطول – الحد الأقصى المسموح به من الأحرف (حد أقصى صارم)
قيم افتراضية
- القيمة الافتراضية – نص مُعبأ مسبقًا عند تحميل النموذج
- القيمة المخفية – قيمة الحقول المخفية (عند تفعيل وضع الإخفاء)
الأمانة و أمبير؛ خصوصية
- حقل كلمة المرور – إخفاء الإدخال ككلمة مرور (يظهر النقاط •••)
حقل مخفي – اجعل الحقل غير مرئي ولكن قم بتضمينه في عمليات الإرسال
جودة البيانات
تقليم المسافات البيضاء - إزالة المسافات الزائدة من البداية والنهاية تلقائيًا
قواعد التحقق من الصحة
- نوع التحقق
- لا شيء (أي نص)
- بريد إلكتروني ([البريد الإلكتروني محمي])
- عنوان URL (https://example.com)
- الأحرف فقط (أريزونا فقط)
- الأرقام فقط (من 0 إلى 9 فقط)
- أبجدي رقمي (AZ و 0-9)
- نمط مخصص (تعبير نمطي)
- نمط مخصص – تعبير نمطي للتحقق المخصص (عند تحديد "مخصص")
أنواع المدخلات
- نوع الإدخال
- نص عادي
- بحث (مع زر المسح)
- الهاتف (لوحة المفاتيح الرقمية على الهاتف المحمول)
- عنوان URL (لوحة مفاتيح مخصصة للهواتف المحمولة)
تنسيق النص
- تحويل النص
- لا يوجد تحول
- الأحرف الكبيرة
- أحرف صغيرة
- اكتب الحرف الأول بحرف كبير
- حالة العنوان
المنطق الشرطي
- تفعيل المنطق الشرطي – إظهار/إخفاء بناءً على الشروط
- نوع المنطق
- يجب استيفاء جميع الشروط (و)
- يمكن استيفاء أي شرط (أو)
- قواعد الحالة
- إظهار/إخفاء – الإجراء المطلوب اتخاذه
- الحقل – أي حقل يتم التحقق منه
- المعاملات: يساوي، لا يساوي، يحتوي على، أكبر من، أصغر من، فارغ، غير فارغ
- القيمة - قيمة المقارنة
- شروط متعددة – أضف عددًا غير محدود من القواعد
خيارات متقدمة
- فئات CSS المخصصة – تطبيق أنماط مخصصة
- سمات إمكانية الوصول – تسميات وأوصاف ARIA
لماذا تختار حقل إدخال النصوص الخاص بنا؟
✅ متعدد الاستخدامات – يعمل مع الأسماء والرموز وكلمات المرور وكل شيء بينهما
✅ التحقق الذكي – أكثر من 6 أنماط للتحقق بالإضافة إلى التعبيرات النمطية المخصصة
✅ مُحسَّن للأجهزة المحمولة – لوحات مفاتيح مناسبة لكل نوع إدخال
✅ التنسيق التلقائي – يتم تحويل النص تلقائيًا
✅ آمن – يحمي وضع كلمة المرور المعلومات الحساسة
✅ بيانات نظيفة – يمنع تقليم المسافات البيضاء الأخطاء الشائعة
✅ مرن – حقول مخفية، قيم افتراضية، منطق شرطي
✅ سهل الاستخدام – رسائل التحقق الواضحة ترشد المستخدمين
✅ متكامل تمامًا – يعمل بسلاسة مع جميع ميزات النموذج
الأسئلة الشائعة
س: ما الفرق بين الحد الأدنى/الأقصى للطول والتحقق من الصحة؟
يتحكم الحد الأدنى/الأقصى للطول في عدد الأحرف المسموح بها. ويتحكم التحقق من صحة البيانات في الأحرف المسموح بها، مثل الأحرف فقط، أو الأرقام فقط، أو تنسيق البريد الإلكتروني.
س: هل يمكنني التحقق من كل من الطول والتنسيق؟
نعم. اجمع بين الحد الأدنى والحد الأقصى للطول وقواعد التحقق. على سبيل المثال، حدد الحد الأدنى 3، والحد الأقصى 15، والتحقق من صحة الأحرف والأرقام لحقل اسم المستخدم.
س: كيف يعمل وضع كلمة المرور؟
يُخفي وضع كلمة المرور الأحرف بنقاط، تمامًا مثل حقول كلمة المرور النموذجية في شاشات تسجيل الدخول.
س: ما وظيفة "قص المساحات البيضاء"؟
يقوم هذا النظام بإزالة المسافات البادئة واللاحقة قبل الإرسال حتى لا تتسبب المسافات العرضية في كسر عملية التحقق.
س: هل يمكنني إنشاء أنماط تحقق مخصصة؟
نعم. استخدم "النمط المخصص" وأضف تعبيرًا نمطيًا لفرض أي بنية تحتاجها.
س: كيف تعمل عمليات تحويل النصوص؟
يكتب المستخدم بشكل طبيعي، ويقوم النظام بتحويل النص عند الإرسال، مثل التحويل إلى حالة العنوان أو الأحرف الكبيرة.
س: ما هو نوع إدخال البحث؟
يضيف زر مسح مدمج (X) حتى يتمكن المستخدمون من إعادة ضبط الحقل على الفور أثناء البحث.
س: لماذا يتم استخدام نوع الإدخال "tel"؟
على الهاتف المحمول، يفتح لوحة مفاتيح رقمية لتسهيل إدخال الأرقام على غرار الهاتف.
س: هل يمكنني استخدام المنطق الشرطي مع حقول النص؟
نعم. تتيح لك الشروط مثل "يحتوي على" أو "يساوي" أو "فارغ" إظهار أو إخفاء الحقول بناءً على إدخال المستخدم.
س: ما هي استخدامات الحقول المخفية؟
فهي تخزن البيانات دون أن تكون مرئية للمستخدم، وهو أمر مفيد لتتبع البيانات الوصفية مثل علامات UTM أو مصادر الإحالة.
س: هل يمكن استخدام حقول النص للأرقام؟
نعم، ولكن استخدم حقل الرقم لإجراء العمليات الحسابية أو التحقق من صحة البيانات الرقمية. استخدم حقل النص مع خيار "الأرقام فقط" عندما تحتاج إلى رموز أو معرّفات لا ينبغي التعامل معها كأرقام.
س: ما مدى دقة أنماط التعبيرات النمطية؟
يمكن لتقنية التعبيرات النمطية (Regex) فرض أنماط محددة للغاية. استخدم أداة اختبار التعبيرات النمطية إذا كنت بحاجة إلى إنشاء أنماط معقدة أو التحقق منها.
