Element-web: Valider la saisie du numéro de téléphone localement

Créé le 16 avr. 2017  ·  3Commentaires  ·  Source: vector-im/element-web

La description

La saisie automatique de mon navigateur a complété mon nom d'utilisateur dans la case du numéro de téléphone probablement en raison de la conception d'un formulaire plus ancien. Cela était malheureux et difficile à détecter car le nom d'utilisateur masquait le texte indiquant que le champ était réservé aux numéros de téléphone. Le message d'erreur pour ce scénario devrait probablement être amélioré et l'interface utilisateur devrait probablement empêcher un utilisateur d'entrer un nom d'utilisateur dans le champ du numéro de téléphone.

Étapes à suivre pour reproduire

  1. Aller à la page de connexion
  2. Sélectionnez Amérique et entrez votre nom d'utilisateur dans le champ du numéro de téléphone mobile
  3. Tapez votre mot de passe
  4. Appuyez sur le bouton de connexion

Décrivez en quoi ce qui se passe diffère de ce à quoi vous vous attendiez.

  • Le champ du numéro de téléphone ne devrait probablement pas accepter les lettres
  • Le champ du pays doit être plus clairement étiqueté pour indiquer que le pays fait référence à l'origine du numéro de téléphone et non à la préférence d'emplacement du serveur
  • La réponse d'erreur visible par l'utilisateur pour saisir une chaîne inattendue pour le numéro de téléphone doit être plus détaillée que There was a problem logging in. (HTTP 400)

Enregistrer:

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

Information sur la version

  • Plateforme : web
  • Navigateur : Chromium v57.0.2987.98, Firefox v52.0.1
  • Système d' exploitation : Ubuntu v17.04
  • URL : riot.im/app
bug p1 minor uux
Source
picture niedzielski

Tous les 3 commentaires

C'est particulièrement un problème lorsque le navigateur essaie d'être utile et place votre nom d'utilisateur enregistré dans le champ du téléphone.

turt2live picture turt2live le 16 avr. 2017
😄1

Nous travaillons pour améliorer la convivialité de la liste déroulante des pays; son objectif devrait être plus clair après cela (soit dans le # 3524, soit dans le # 3526).

Le remplissage automatique du navigateur dans les champs qui ne sont étiquetés que par leur texte d'espace réservé est intéressant:

  • nous devons être conscients de la saisie automatique lors de la modification de nos formulaires
  • peut-être ne devrions-nous pas nous fier à un espace réservé pour l'étiquetage (c'est mûr pour le bikeshedding)

Une chose qui est sans ambiguïté et immédiatement exploitable est d'améliorer le message d'erreur - à tout le moins, vous devriez obtenir un "C'est un X invalide" lors de la soumission d'un identifiant qui ne correspond pas au format prescrit.

Il serait préférable que le formulaire fournisse ces commentaires avant la soumission. J'ai pensé que nous avions des maquettes conçues de ce à quoi elles devraient ressembler quelque part ...

lampholder picture lampholder le 20 avr. 2017
👍1

En fait, ce n'est pas réglé.

Le champ du numéro de téléphone ne devrait probablement pas accepter les lettres

@lampholder J'ai l'impression que cela n'a pas grand-chose à voir avec le menu déroulant du pays (surtout depuis les changements les plus récents qui ont abouti).

Je pense que c'est plutôt "Pourquoi autorisons-nous les numéros de téléphone avec des lettres?".

lukebarnard1 picture lukebarnard1 le 2 mai 2017
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

arthurlutz picture arthurlutz  ·  3Commentaires
bagage picture bagage  ·  3Commentaires
t3chguy picture t3chguy  ·  3Commentaires
ara4n picture ara4n  ·  3Commentaires
PureTryOut picture PureTryOut  ·  3Commentaires