لوحة مفاتيح الجوال لرقم الطلب ورقم الهاتف: inputmode تلميح لا تحقق
الحالة
لنفترض شركة صغيرة في عمّان، مثال افتراضي بالكامل، تبيع أثاثًا مكتبيًا وتوفّر صفحة لتتبع الطلب. يدخل العميل مرجع الطلب ورقم هاتفه من جواله. كثير من المراجع تبدأ بأصفار مثل 000451، وبعضها قد يضم حروفًا لاحقًا. المطلوب قرار واضح: أي لوحة مفاتيح تظهر لكل حقل، وماذا يحدث عندما يُدخل العميل شيئًا غير متوقع.
ما توثّقه المنصة
تصف MDN السمة inputmode بأنها تحدد نوع لوحة المفاتيح الافتراضية. من قيمها: text وهي الافتراضية، وnumeric وتحتاج الأرقام من 0 إلى 9 فقط، وdecimal للأرقام مع فاصل عشري، وtel للوحة هاتف فيها الأرقام والنجمة وعلامة الباوند. وتذكر أن الحقول التي تطلب رقم هاتف ينبغي عادةً أن تستخدم input type="tel" بدل الاكتفاء بالسمة. وتقول أيضًا إن بعض الأجهزة قد تعرض مفتاح الناقص وقد لا تعرضه في اللوحة الرقمية.
توصيات هندسية (اجتهاد وليست سلوكًا موثقًا)
- اعتبر inputmode تلميحًا لشكل لوحة المفاتيح فقط. لا يوجد في المصدر ما يقول إنه يمنع إدخال حروف، فالمستخدم قد يلصق نصًا أو يستخدم لوحة خارجية. لذلك يبقى التحقق في الخادم، وفي الواجهة أيضًا لتسهيل التصحيح.
- لمرجع الطلب الذي يحتوي أرقامًا فقط، استخدم حقلًا نصيًا مع inputmode بقيمة numeric. هكذا تبقى القيمة نصًا فتُحفظ الأصفار في بدايتها. تجنّب type="number" لأن الأرقام قد تُعامل كقيمة عددية فيضيع الصفر الأول في العرض أو الإرسال.
- إذا كان المرجع يضم حروفًا أو شرطات، فاترك القيمة الافتراضية text حتى لا تحجب الحروف عن المستخدم.
- لرقم الهاتف استخدم type="tel" كما يوصي المصدر. لا تفترض طولًا ثابتًا أو بادئة وطنية محددة، فقد يكتب العميل رقمًا محليًا أو دوليًا أو بمسافات وعلامة زائد. اقبل المسافات والشرطات ثم نظّف القيمة عند المعالجة مع الاحتفاظ بالنص الأصلي.
- قبول الأرقام العربية الهندية المكتوبة من لوحة المفاتيح قرار منفصل: حوّلها إلى أرقام لاتينية في الخادم قبل المقارنة، واختبر ذلك على أجهزة فعلية.
معالجة الأخطاء
- مرجع غير موجود: لا تقل إن العميل أخطأ. اعرض رسالة محايدة تطلب مراجعة الرقم كما ورد في رسالة التأكيد، وتذكر طريقة التواصل مع الشركة.
- مرجع بلا أصفار: يمكن للخادم تجربة المطابقة بعد إكمال الأصفار إن كان نمط المراجع المعتمد في الشركة ثابتًا، وهذا قرار تشغيلي تحدده الشركة.
- هاتف يبدو غير مكتمل: اطلب التأكيد بدل الرفض القاطع، لأن قواعد الأطوال تتغير ولا يجوز افتراضها هنا.
- جهاز لا يعرض اللوحة المتوقعة: يجب أن يعمل الحقل بالكامل بلوحة المفاتيح العادية.
- لصق نص مع مسافات في الأطراف: احذفها قبل البحث.
قائمة قبول مقترحة (لم تُنفَّذ)
لم يُجرَ أي اختبار على هذه البنود، وهي مقترحة للتنفيذ لاحقًا.
- يظهر لحقل المرجع الرقمي لوحة أرقام على جوالين مختلفين على الأقل، ويبقى الصفر الأول محفوظًا بعد الإرسال.
- يعرض حقل الهاتف لوحة هاتف، ويقبل أرقامًا محلية ودولية بمسافات وعلامة زائد دون رفضها بسبب طول مفترض.
- يُرفض الإدخال غير الصالح في الخادم حتى لو تجاوز الواجهة.
- يعمل الحقلان عند فتحهما بلوحة مفاتيح عربية وإنجليزية.
- الرسائل مكتوبة بالعربية الواضحة ولا تلوم العميل.
- يمكن للعميل لصق قيمة ونجاح البحث بعد حذف المسافات.
- تُراجع التجربة على الأجهزة التي يستخدمها عملاء الشركة فعلًا، لأن مظهر اللوحة يختلف حسب الجهاز واللغة.
خلاصة
اختيار لوحة المفاتيح يسهّل الإدخال لكنه لا يضمن صحته. اجعل التلميح في الواجهة، والقرار النهائي في التحقق، واحفظ الأرقام كنص حتى لا تفقد أصفارها.