أنماط التحقق المخصصة لحقول النصوص

أنماط التحقق المخصصة لحقول النصوص

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

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

ما هي أنماط التحقق؟

المفهوم

أنماط التحقق هي قواعد تحدد المدخلات الصالحة:

  • "يجب أن يحتوي على حروف فقط"
  • "يجب أن يكون عنوان URL صالحًا"
  • "يجب أن يتطابق مع التنسيق ABC-1234"
  • "يجب أن يتكون من 10 أحرف بالضبط"

كيف هؤلاء يعملون

  1. يقوم المستخدم بالكتابة في حقل النص
  2. عند الإرسال (أو أثناء الكتابة)، يتم التحقق من المدخلات مقابل النمط
  3. إذا تطابق: اجتاز التحقق
  4. إذا لم يحدث ذلك: ستظهر رسالة خطأ

الفوائد

  • جودة البيانات: ضمان استخدام تنسيقات متسقة
  • منع الأخطاء: اكتشاف الأخطاء مبكرا
  • دليل المستخدم: توقعات واضحة
  • التوافق مع الأنظمة اللاحقة: تتكامل البيانات مع الأنظمة الأخرى

أنماط التحقق المدمجة

منشئ النماذج التلقائي يتضمن أنماطًا شائعة:

نمط بالتحقق من صحة مثال على مدخلات صحيحة
البريد الإلكتروني تنسيق عنوان البريد الإلكتروني [البريد الإلكتروني محمي]
URL عناوين مواقع الويب https://example.com
الرسائل فقط أريزونا، أريزونا فقط جون سميث
أرقام فقط 0-9 فقط 12345
أبجدية الحروف والأرقام ABC123
فن التأطير المتخصص نمط التعبير النمطي الخاص بك (يعتمد على النمط)

استخدام الأنماط المضمنة

الخطوة 1: إضافة حقل نصي

  1. افتح النموذج الخاص بك في AFB
  2. سحب نص حقل لتشكيل
  3. انقر للتكوين

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

  1. نمط التحقق في الاعدادات
  2. اختر من القائمة المنسدلة:
    • لا يوجد (لا يوجد نمط)
    • البريد الإلكتروني
    • URL
    • الرسائل فقط
    • أرقام فقط
    • أبجدية
    • فن التأطير المتخصص
  3. حفظ الإعدادات

الخطوة 3: التحقق من صحة الاختبار

  1. معاينة النموذج
  2. جرب إدخال بيانات صحيحة - يجب أن ينجح الأمر
  3. جرب إدخال بيانات غير صالحة - سيظهر خطأ

أمثلة على الأنماط وحالات الاستخدام

التحقق من صحة عنوان URL

يسخدم من اجل:

  • مجال الموقع الإلكتروني
  • روابط المحفظة
  • ملفات وسائط التواصل الاجتماعي
  • عناوين URL المرجعية

أمثلة صالحة:

  • https://example.com
  • http://www.example.com/page
  • https://example.com/path?query=value

أمثلة غير صالحة:

  • example.com (البروتوكول مفقود)
  • www.example.com (بروتوكول مفقود)
  • مجرد نص

الرسائل فقط

يسخدم من اجل:

  • الأسماء الأولى/الأخيرة (تحقق بسيط)
  • أسماء المدن
  • رموز الدول
  • المعرفات الأبجدية

أمثلة صالحة:

  • جون
  • سميث
  • فهد

أمثلة غير صالحة:

  • John123
  • نيويورك (مساحة)
  • أوبراين (فاصلة عليا)

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

أرقام فقط

يسخدم من اجل:

  • أرقام الهوية
  • أرقام الحساب
  • الكمية (عند عدم استخدام حقل الرقم)
  • رموز PIN

أمثلة صالحة:

  • 12345
  • 00123
  • 9876543210

أمثلة غير صالحة:

  • 123-456 (واصلة)
  • 123.45 (عشري)
  • معالج الرسوميات PowerVR

أبجدية

يسخدم من اجل:

  • رموز المنتجات
  • الأرقام المرجعية
  • أسماء المستخدمين
  • الأرقام التسلسلية

أمثلة صالحة:

  • ABC123
  • User42
  • المنتج 001

أمثلة غير صالحة:

  • ABC-123 (واصلة)
  • ABC 123 (مسافة)
  • ABC_123 (شرطة سفلية)

أنماط التحقق المخصصة (Regex)

ما هو Regex؟

التعبيرات النمطية (regex) هي أنماط تصف تنسيقات النصوص:

  • ^ = بداية السلسلة
  • $ = نهاية السلسلة
  • [A-Z] = أي حرف كبير
  • [a-z] = أي حرف صغير
  • [0-9] = أي رقم
  • {3} = ثلاثة من السابقين بالضبط
  • {2,5} = بين 2 و 5 من السابق
  • + = واحد أو أكثر
  • * = صفر أو أكثر
  • ? = اختياري (صفر أو واحد)

إنشاء أنماط مخصصة

  1. اختر "مخصص" من القائمة المنسدلة للتحقق
  2. أدخل نمط التعبير النمطي الخاص بك
  3. اختبار باستخدام مدخلات متنوعة

أمثلة شائعة للأنماط المخصصة

الرمز البريدي الأمريكي

نمط: ^\d{5}(-\d{4})?$

التحقق:

  • 12345 (5 رقمًا)
  • 12345-6789 (الرمز البريدي +4)

المرفوضون:

  • 1234 (قصير جدًا)
  • 123456 (طويل جدًا)
  • ABCDE (الحروف)

رقم هاتف الولايات المتحدة

نمط: ^\d{3}-\d{3}-\d{4}$

التحقق: 555-123-4567

للحصول على تنسيق مرن: ^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$

التحقق:

  • 555-123-4567
  • (555) 123-4567
  • 555.123.4567
  • 555 123 4567

رمز المنتج (بصيغة ABC-1234)

نمط: ^[A-Z]{3}-\d{4}$

التحقق:

  • ايه بي سي-1234
  • (إكسز -9999)
  • PRO-0001

المرفوضون:

  • abc-1234 (أحرف صغيرة)
  • AB-1234 (حرفان فقط)
  • ABC1234 (بدون واصلة)

لوحة ترخيص (بصيغ مختلفة)

النمط (عام أمريكي): ^[A-Z0-9]{1,7}$

التحقق: 1-7 أحرف/أرقام كبيرة

بطاقة ائتمان (النموذج الأساسي)

نمط: ^\d{4}[\s-]?\d{4}[\s-]?\d{4}[\s-]?\d{4}$

التحقق:

  • 1234567890123456
  • 1234 5678 9012 3456
  • 1234-5678-9012-3456+

ملاحظة: بالنسبة للمدفوعات الفعلية، استخدم معالجات الدفع المناسبة مع التحقق من صحتها.

اسم المستخدم (أحرف، أرقام، شرطة سفلية)

نمط: ^[a-zA-Z][a-zA-Z0-9_]{2,19}$

قواعد:

  • يبدأ بحرف
  • من 3 إلى 20 حرفًا إجمالاً
  • الأحرف والأرقام والشرطة السفلية فقط

التحقق: المستخدم 123، جون دو، اختبار 42

رمز اللون السداسي

نمط: ^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$

التحقق:

  • # FF5733
  • # الاتحاد الفرنسي
  • #ABC123

التاريخ (YYYY-MM-DD)

نمط: ^\d{4}-\d{2}-\d{2}$

التحقق: 2026-01-15

ملاحظة: بالنسبة للتواريخ، عادة ما يكون استخدام حقل التاريخ مع أداة اختيار التاريخ أفضل.

الوقت (ساعة:دقيقة - 24 ساعة)

نمط: ^([01]\d|2[0-3]):[0-5]\d$

التحقق:

  • 09:30
  • 14:45
  • 23:59

رقم الفاتورة (INV-YYYY-NNNN)

نمط: ^INV-\d{4}-\d{4}$

التحقق:

  • INV-2026-0001
  • INV-2025-1234

رقم الضمان الاجتماعي (الولايات المتحدة)

نمط: ^\d{3}-\d{2}-\d{4}$

التحقق: 123-45-6789

: تحذير توخ الحذر عند جمع أرقام الضمان الاجتماعي - فالأمر يتعلق بالأمن والخصوصية.

بناء أنماطك الخاصة

عملية خطوة بخطوة

  1. تحديد المتطلبات: ما هو التنسيق الذي تحتاجه؟
  2. قسّمها: ما هي الشخصيات، وكم عددها، وبأي ترتيب؟
  3. نمط البناء: ترجم إلى تعبير نمطي
  4. اختبار شامل: المدخلات الصحيحة وغير الصحيحة
  5. اكتب رسالة الخطأ: مساعدة المستخدمين على فهم التنسيق

مثال: رقم هوية الموظف

المتطلبات: حرفان + 4 أرقام + حرف واحد (مثال: AB1234C)

انفصال:

  • حرفان كبيران: [A-Z]{2}
  • خمسة أرقام: \d{4}
  • حرف كبير واحد: [A-Z]
  • لا شيء قبل أو بعد: ^ و $

النمط النهائي: ^[A-Z]{2}\d{4}[A-Z]$

أنماط الاختبار

قبل الاستخدام في النموذج:

  • اختبار المدخلات الصحيحة (يجب أن ينجح)
  • اختبار المدخلات غير الصالحة (يجب أن يفشل)
  • اختبار الحالات الحدية (الحدود، الأحرف الخاصة)
  • استخدم أدوات اختبار التعبيرات النمطية عبر الإنترنت لتصحيح الأخطاء

رسائل الخطأ للتحقق من الصحة

الرسائل الافتراضية

  • الرجاء إدخال قيمة صحيحة
  • "هذا الحقل غير صالح"

رسائل مخصصة أفضل

أخبر المستخدمين بالتنسيق المتوقع:

نمط رسالة خطأ أفضل
الرمز البريدي "يرجى إدخال رمز بريدي صحيح (على سبيل المثال، 12345 أو 12345-6789)"
الجوال "يرجى إدخال رقم الهاتف كالتالي: 555-123-4567"
رمز المنتج "التنسيق: ABC-1234 (3 أحرف، واصلة، 4 أرقام)"
اسم المستخدم "يجب أن يبدأ اسم المستخدم بحرف، ويتراوح عدد أحرفه بين 3 و20 حرفًا، ويقتصر على الأحرف والأرقام والشرطة السفلية فقط."

استخدام النص البديل ونص المساعدة

تجنب الأخطاء عن طريق عرض التنسيق مسبقًا:

  • العنصر النائب: "ABC-1234"
  • نص المساعدة: أدخل رمز المنتج الخاص بك (على سبيل المثال، ABC-1234)

أفضل الممارسات

1. ابدأ بسيطًا

استخدم الأنماط المدمجة كلما أمكن ذلك. استخدام التعبيرات النمطية المخصصة يزيد من التعقيد.

2. لا تبالغ في التحقق من الصحة

الأنماط الصارمة للغاية تُحبط المستخدمين:

  • أسماء تحتوي على واصلات (ماري جين)
  • أسماء تحتوي على علامات اقتباس (أوبراين)
  • شخصيات دولية (خوسيه، مولر)

3. عرض التنسيق المتوقع

أخبر المستخدمين دائمًا بما تتوقعه منهم:

  • مثال توضيحي
  • نص توضيحي يشرح التنسيق
  • رسائل خطأ واضحة

4. اختبار الحالات الحدية

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

5. النظر في البدائل

أحيانًا تكون هناك طرق أخرى أفضل:

  • التواريخ ← استخدم حقل التاريخ
  • الأرقام ← استخدام حقل الأرقام
  • الهاتف ← استخدم حقل الهاتف بالتنسيق
  • خيارات ثابتة ← استخدم القائمة المنسدلة

الجمع مع عمليات التحقق الأخرى

النمط + مطلوب

  • يجب ملء الحقل ومطابقة النمط
  • فشل فارغ "مطلوب"
  • نمط فشل التنسيق الخاطئ

النمط + الحد الأدنى/الأقصى للطول

  • النمط يتحقق من صحة التنسيق
  • الطول يؤكد المقاس
  • يجب أن يجتاز كلاهما الاختبار

أنماط استكشاف الأخطاء وإصلاحها

النمط لا يعمل

التحقق من:

  • الصياغة صحيحة (لا توجد أخطاء إملائية)
  • تم إخراج الأحرف الخاصة بشكل صحيح
  • ^ و $ علامات التثبيت إذا لزم الأمر

تم رفض المدخلات الصحيحة

التحقق من:

  • قد يكون النمط صارمًا للغاية
  • أحرف صالحة مفقودة في النمط
  • مشاكل حساسية حالة الأحرف

يتم قبول مدخلات غير صالحة

التحقق من:

  • قد يكون النمط فضفاضًا جدًا
  • علامات التثبيت المفقودة (^ و $)
  • اختبر باستخدام المزيد من الأمثلة

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

هل يمكنني دمج أنماط متعددة؟

يستخدم كل حقل نمطًا واحدًا. وللتحقق المعقد، اجمع المتطلبات في تعبير نمطي واحد باستخدام التناوب (|) أو أنشئ النمط ليطابق جميع المتطلبات.

هل الأنماط حساسة لحالة الأحرف؟

بشكل افتراضي، نعم. استخدم [A-Za-z] لمطابقة كلا الحالتين، أو أضف علامة عدم حساسية حالة الأحرف إذا كانت مدعومة.

كيف أسمح بوجود مسافات؟

أضف \s إلى فئة الأحرف الخاصة بك: [A-Za-z\s] يطابق الأحرف والمسافات.

ماذا عن الشخصيات العالمية؟

لا يتضمن التنسيق القياسي [A-Za-z] الأحرف المُشكّلة. بالنسبة للأسماء الدولية، يُرجى مراعاة استخدام معايير تحقق أقل صرامة أو استخدام \p{L} (إن كان مدعومًا) لأي حرف.

هل يجب عليّ التحقق من صحة البيانات عند ظهور ضبابية الشاشة أم إرسالها؟

كلاهما فعال. عند فقدان التركيز، يُعطي ذلك استجابة أسرع. عند الإرسال، يتم رصد كل شيء. العديد من النماذج تستخدم كلا الطريقتين.

ملخص

إضافة أنماط التحقق المخصصة:

  1. نوع النمط - مدمج أو مصمم حسب الطلب
  2. نمط التكوين - حدد أو أدخل تعبيرًا نمطيًا
  3. أضف عنصر نائب – عرض التنسيق المتوقع
  4. أضف نصًا توضيحيًا – شرح المتطلبات
  5. ضبط رسائل الخطأ – تصحيح الدليل
  6. اختبار شامل - المدخلات الصحيحة وغير الصحيحة

خاتمة

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

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

هل أنت مستعد للتحقق من صحة مدخلات النموذج؟ قم بتنزيل أداة إنشاء النماذج التلقائية وتأكد من أن نماذجك تجمع بيانات منسقة بشكل صحيح.

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المشار إليها إلزامية *