التحقق من صحة الإدخال

☑️ ما هو التحقق من الإدخال؟

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

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

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

🔢 التعابير النمطية

مُ التعبير النمطي (regex) هو نمط بحث نصي سيُتحقق مما إذا كان النص الذي أدخله المستجيب يطابق نمط التعبير أم لا.

باستخدام هذه الأنماط يمكنك التحقق من قيمة باستخدام أنماط مثل البريد الإلكتروني، الأرقام، رموز البريد وغيرها... تقريبًا أي حقل قائم النوع يمكن التحقق من صحته مقابل تعبير نمطي يتم إنشاؤه باستخدام محرر التعابير النمطية.

➕ إضافة تعابير نمطية

لإضافة تعبير نمطي انتقل إلى خصائص الإجابة الصفحة واضغط على + الأيقونة

التعابير النمطية متاحة فقط للمستخدم الذي أنشأها. إذا رغبت في مشاركة التعبير النمطي مع جميع مستخدمي ngSurvey الآخرين يمكنك تفعيل خاصيته مضمنة .

🔅 خصائص التعبير النمطي

• الاسم هو الاسم الظاهر للتعبير النمطي.

• التعبير النمطي هو نمط التعبير النمطي الفعلي الذي سيُستخدم لمطابقة إجابة المستجيب.

• رسالة الخطأ رسالة الخطأ التي ستظهر للمستجيب إذا لم تطابق إدخاله النمط.

• مضمن تسمح لنا بمشاركة التعبير النمطي مع جميع المستخدمين الآخرين.

قد تجد تعابير نمطية جاهزة وتختبر تعابيرك في https://regex101.com/

🔢 جافاسكربت

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

return (respondentAnswerValue >= 18 && respondentAnswerValue <= 99);

في الكود أدناه نستخدم getAnswer في سياق التحقق للحصول على قيمة من إجابة أخرى في الاستبيان. هنا نبحث عن إجابة لها reporting alias مضبوط إلى "hh_people".

return (respondentAnswerValue <= validationContext.getAnswer('hh_people'));

سياق التحقق يدعم الأساليب والخصائص التالية

export class ValidationContext {
   answer:Answer, // الإجابة الحالية التي يتم التحقق منها
   question:Question, // السؤال الحالي للإجابة التي يتم التحقق منها
   questions:Question[], // جميع أسئلة الاستبيان
   answers: Answer[];  // جميع إجابات الاستبيان

  public getAnswer(id: string): string // الحصول على قيمة إجابة بالبحث عن reporting alias أو المعرف الخاص بها
  public isSelectedAnswer(id: string, value: string): boolean // البحث عن سؤال بناءً على id أو reporting alias والتحقق ما إذا كانت القيمة المعطاة مختارة 
}