خصائص الحقل

يمكن تخصيص أنواع الإجابات المعتمدة على الحقول باستخدام خصائص الحقل التالية.

📏 الحجم

بما أن حجم الحقول غير ثابت يمكنك تخصيصه بالكامل باستخدام عرض وارتفاع مخصصين.

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

🔤 تعيين نص افتراضي

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

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

📄 نص العلامة المائية

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

🆘 نص مساعد

يمكن استخدام النص المساعد كإشارة تظهر تحت الحقل. يمكنك تعيين النص المساعد من خصائص الإجابة الصفحة.

⌨️ أوضاع الإدخال

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

على سبيل المثال اختيار numeric كوض للادخال سيفتح لوحة مفاتيح افتراضية على الجهاز المحمول تحتوي على مفاتيح الأرقام فقط.

يمكنك الاطلاع على مرجع وضع الإدخال الرسمي لمعرفة المزيد عن الأوضاع المختلفة.

☑️ التحقق بجافاسكربت

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

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

في الكود أدناه نستخدم getAnswer في سياق التحقق للحصول على قيمة من إجابة أخرى في الاستبيان. هنا نقوم بالبحث عن إجابة لها 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 // الحصول على قيمة إجابة بالبحث عن alias الخاص بالتقارير أو المعرف الخاص بها
  public isSelectedAnswer(id: string, value: string): boolean // البحث عن سؤال بناءً على معرفه أو alias الخاص بالتقارير والتحقق مما إذا كانت القيمة المعطاة مختارة 
}