Element-web: تحقق من صحة إدخال رقم الهاتف محليًا

تم إنشاؤها على ١٦ أبريل ٢٠١٧  ·  3تعليقات  ·  مصدر: vector-im/element-web

وصف

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

خطوات التكاثر

  1. اذهب إلى صفحة تسجيل الدخول
  2. حدد أمريكا وأدخل اسم المستخدم الخاص بك في حقل رقم الهاتف المحمول
  3. ادخل رقمك السري
  4. اضغط على زر تسجيل الدخول

صف كيف يختلف ما يحدث عما توقعته.

  • من المحتمل ألا يقبل حقل رقم الهاتف الأحرف
  • يجب تسمية حقل البلد بشكل أكثر وضوحًا للإشارة إلى أن البلد يشير إلى أصل رقم الهاتف ، وليس تفضيل موقع الخادم
  • يجب أن تكون استجابة الخطأ المرئية للمستخدم لإدخال سلسلة غير متوقعة لرقم الهاتف مطولة أكثر من There was a problem logging in. (HTTP 400)

سجل:

Successfully compiled asm.js code (total compilation time 38ms; unable to cache asm.js in synchronous scripts; try loading asm.js via <script async> or createElement('script'))  olm.js
"Initialised rageshake: See https://bugs.chromium.org/p/chromium/issues/detail?id=583193 to fix line numbers on Chrome."  bundle.js:81:17755
"Vector starting at https://riot.im/app/#/login"  bundle.js:81:17755
Restoring session for <strong i="21">@208425</strong>:matrix.org  bundle.js:81:17755
setLoggedIn => <strong i="22">@208425</strong>:matrix.org (guest=true) hs=https://matrix.org  bundle.js:81:17755
Session persisted for <strong i="23">@208425</strong>:matrix.org  bundle.js:81:17755
newscreen login  bundle.js:81:17755
XML Parsing Error: syntax error
Location: https://riot.im/app/version?cachebuster=1492311939009
Line Number 1, Column 1:  version:1:1
newscreen login  bundle.js:81:17755
IndexedDB worker is ready  bundle.js:81:17755
sync(): not doing HTTP hit, instead returning stored /sync data  bundle.js:81:17755
MatrixClient sync state => PREPARED  bundle.js:81:17755
MatrixClient sync state => SYNCING  bundle.js:81:17755
Persisting sync data up to  s132585502_195301772_228608_21601373_217439_72048_713898_550862  indexeddb-worker.js:27:30272
"/sync error Error: CORS request rejected: https://matrix.org/_matrix/client/r0/sync?filter=%7B%7D&timeout=30000&since=s132585502_195301772_228608_21601373_217439_72048_713898_550862&access_token=MDAxOGxvY2F0aW9uIG1hdHJpeC5vcmcKMDAxM2lkZW50aWZpZXIga2V5CjAwMTBjaWQgZ2VuID0gMQowMDI1Y2lkIHVzZXJfaWQgPSBAMjA4NDI1Om1hdHJpeC5vcmcKMDAxNmNpZCB0eXBlID0gYWNjZXNzCjAwMjFjaWQgbm9uY2UgPSAuYkJ-RUR0RVk0M2Q4NEVuCjAwMTVjaWQgZ3Vlc3QgPSB0cnVlCjAwMmZzaWduYXR1cmUgD12BMRtOxLxg1v2gIn3xNmE8LI1LAHF95Cby2ScNuHUK"  bundle.js:81:17755
Error: CORS request rejected: https://matrix.org/_matrix/client/r0/sync?filter=%7B%7D&timeout=30000&since=s132585502_195301772_228608_21601373_217439_72048_713898_550862&access_token=MDAxOGxvY2F0aW9uIG1hdHJpeC5vcmcKMDAxM2lkZW50aWZpZXIga2V5CjAwMTBjaWQgZ2VuID0gMQowMDI1Y2lkIHVzZXJfaWQgPSBAMjA4NDI1Om1hdHJpeC5vcmcKMDAxNmNpZCB0eXBlID0gYWNjZXNzCjAwMjFjaWQgbm9uY2UgPSAuYkJ-RUR0RVk0M2Q4NEVuCjAwMTVjaWQgZ3Vlc3QgPSB0cnVlCjAwMmZzaWduYXR1cmUgD12BMRtOxLxg1v2gIn3xNmE8LI1LAHF95Cby2ScNuHUK
Stack trace:
i<strong i="24">@https</strong>://riot.im/app/bundles/2379a6d8501f4248496c/bundle.js:46:29865
r<strong i="25">@https</strong>://riot.im/app/bundles/2379a6d8501f4248496c/bundle.js:46:29612
  bundle.js:81:17755
Number of consecutive failed sync requests: 1  bundle.js:81:17755
Starting keep-alive  bundle.js:81:17755
MatrixClient sync state => RECONNECTING  bundle.js:81:17755
MatrixClient sync state => SYNCING  bundle.js:81:17755
"/sync error Error: CORS request rejected: https://matrix.org/_matrix/client/r0/sync?filter=%7B%7D&timeout=30000&since=s132585551_195302203_228615_21601383_217439_72048_713898_550862&access_token=MDAxOGxvY2F0aW9uIG1hdHJpeC5vcmcKMDAxM2lkZW50aWZpZXIga2V5CjAwMTBjaWQgZ2VuID0gMQowMDI1Y2lkIHVzZXJfaWQgPSBAMjA4NDI1Om1hdHJpeC5vcmcKMDAxNmNpZCB0eXBlID0gYWNjZXNzCjAwMjFjaWQgbm9uY2UgPSAuYkJ-RUR0RVk0M2Q4NEVuCjAwMTVjaWQgZ3Vlc3QgPSB0cnVlCjAwMmZzaWduYXR1cmUgD12BMRtOxLxg1v2gIn3xNmE8LI1LAHF95Cby2ScNuHUK"  bundle.js:81:17755
Error: CORS request rejected: https://matrix.org/_matrix/client/r0/sync?filter=%7B%7D&timeout=30000&since=s132585551_195302203_228615_21601383_217439_72048_713898_550862&access_token=MDAxOGxvY2F0aW9uIG1hdHJpeC5vcmcKMDAxM2lkZW50aWZpZXIga2V5CjAwMTBjaWQgZ2VuID0gMQowMDI1Y2lkIHVzZXJfaWQgPSBAMjA4NDI1Om1hdHJpeC5vcmcKMDAxNmNpZCB0eXBlID0gYWNjZXNzCjAwMjFjaWQgbm9uY2UgPSAuYkJ-RUR0RVk0M2Q4NEVuCjAwMTVjaWQgZ3Vlc3QgPSB0cnVlCjAwMmZzaWduYXR1cmUgD12BMRtOxLxg1v2gIn3xNmE8LI1LAHF95Cby2ScNuHUK
Stack trace:
i<strong i="26">@https</strong>://riot.im/app/bundles/2379a6d8501f4248496c/bundle.js:46:29865
r<strong i="27">@https</strong>://riot.im/app/bundles/2379a6d8501f4248496c/bundle.js:46:29612
  bundle.js:81:17755
Number of consecutive failed sync requests: 1  bundle.js:81:17755
Starting keep-alive  bundle.js:81:17755
MatrixClient sync state => RECONNECTING  bundle.js:81:17755
MatrixClient sync state => SYNCING  bundle.js:81:17755

screenshot from 2017-04-15 21-14-10

معلومات الإصدار

  • المنصة : الويب
  • المتصفح : Chromium v57.0.2987.98 و Firefox v52.0.1
  • نظام التشغيل : Ubuntu v17.04
  • URL : riot.im/app
bug p1 minor uux

ال 3 كومينتر

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

نحن نقوم ببعض العمل لتحسين إمكانية استخدام القائمة المنسدلة للبلد ؛ يجب أن يكون الغرض منه أوضح بعد ذلك (إما في # 3524 أو # 3526).

يعد الملء التلقائي للمستعرض في الحقول التي تم تصنيفها فقط بواسطة نص العنصر النائب أمرًا مثيرًا للاهتمام:

  • يجب أن نكون مدركين للملء التلقائي عند تغيير نماذجنا
  • ربما لا ينبغي أن نعتمد على العنصر النائب في وضع العلامات (هذا جاهز لتزيين الدراجات)

هناك شيء لا لبس فيه وقابل للتنفيذ على الفور وهو تحسين رسالة الخطأ - على الأقل يجب أن تحصل على "هذا علامة X غير صالحة" عند إرسال معرف لا يتطابق مع التنسيق المحدد.

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

في الواقع ، هذا لم يتم إصلاحه.

من المحتمل ألا يقبل حقل رقم الهاتف الأحرف

lampholder أشعر أن هذا ليس له علاقة كبيرة

أعتقد أن هذا يتماشى مع سطور "لماذا نسمح باستخدام أرقام الهواتف التي تحتوي على أحرف؟".

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات