Element-web: Überprüfen Sie die Eingabe der Telefonnummer lokal

Erstellt am 16. Apr. 2017  ·  3Kommentare  ·  Quelle: vector-im/element-web

Beschreibung

Das automatische Ausfüllen meines Browsers hat meinen Benutzernamen im Feld für die Telefonnummer vervollständigt, wahrscheinlich aufgrund des Designs eines älteren Formulars. Dies war unglücklich und schwer zu erkennen, da der Benutzername den Text verdeckte, der angibt, dass das Feld nur für Telefonnummern bestimmt ist. Die Fehlermeldung für dieses Szenario sollte wahrscheinlich verbessert werden und die Benutzeroberfläche sollte wahrscheinlich verhindern, dass ein Benutzer einen Benutzernamen in das Feld Telefonnummer eingibt.

Schritte zum Reproduzieren

  1. Gehen Sie zur Anmeldeseite
  2. Wählen Sie Amerika und geben Sie Ihren Benutzernamen in das Feld für die Mobiltelefonnummer ein
  3. Geben Sie Ihr Passwort ein
  4. Drücken Sie die Anmeldetaste

Beschreiben Sie, wie sich das, was passiert, von Ihren Erwartungen unterscheidet.

  • Das Telefonnummernfeld sollte wahrscheinlich keine Briefe akzeptieren
  • Das Feld "Land" sollte deutlicher gekennzeichnet sein, um anzuzeigen, dass sich das Land auf den Ursprung der Telefonnummer bezieht, nicht auf die Präferenz des Serverstandorts
  • Die vom Benutzer sichtbare Fehlerantwort für die Eingabe einer unerwarteten Zeichenfolge für die Telefonnummer sollte ausführlicher sein als There was a problem logging in. (HTTP 400)

Log:

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

Versionsinformation

  • Plattform : Web
  • Browser : Chromium v57.0.2987.98, Firefox v52.0.1
  • Betriebssystem : Ubuntu v17.04
  • URL : riot.im/app
bug p1 minor uux

Alle 3 Kommentare

Dies ist insbesondere dann ein Problem, wenn der Browser versucht, hilfreich zu sein, und Ihren gespeicherten Benutzernamen in das Telefonfeld einfügt.

Wir arbeiten daran, die Benutzerfreundlichkeit der Länder-Dropdown-Liste zu verbessern. Danach sollte sein Zweck klarer sein (entweder in # 3524 oder # 3526).

Interessant ist das automatische Ausfüllen des Browsers in Felder, die nur durch ihren Platzhaltertext gekennzeichnet sind:

  • Wir sollten uns der automatischen Ausfüllung bewusst sein, wenn wir unsere Formulare ändern
  • Vielleicht sollten wir uns beim Beschriften nicht auf Platzhalter verlassen (dies ist reif für Bikeshedding).

Eindeutig und sofort umsetzbar ist die Verbesserung der Fehlermeldung. Zumindest sollten Sie ein "Das ist ein ungültiges X" erhalten, wenn Sie eine Kennung einreichen, die nicht dem vorgeschriebenen Format entspricht.

Noch besser wäre es, wenn das Formular dieses Feedback vor dem Absenden bereitstellt. Ich dachte, wir hätten einige Modelle entworfen, wie diese irgendwo aussehen sollten ...

Eigentlich ist das nicht behoben.

Das Telefonnummernfeld sollte wahrscheinlich keine Briefe akzeptieren

@lampholder Ich habe das Gefühl, dass dies nicht viel mit dem Dropdown-

Ich denke, das ist eher so wie "Warum erlauben wir Telefonnummern mit Buchstaben?".

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen