2017-01-30 2 views
0

Ich baue eine Anwendung mit AngularJS und usin Auth0 zur Authentifizierung.Implementieren von 'Caps Lock On' und 'Show Password' auf der gehosteten Anmeldeseite

Ich möchte den Benutzer wissen, wenn Caps Lock aktiviert ist. Genauso wie wenn wir uns bei Windows anmelden; die gelbe Schnur, die Caps Lock is on sagt. Damit er seine Zeit nicht damit verschwendet, sein Passwort in Großbuchstaben einzugeben.

Ich möchte auch eine Funktionalität haben, die Benutzer sein Passwort während der Eingabe (Show Password) sehen lassen würde.

Ich ging auf die Aut0 Anpassung Seite und konnte keine Eigenschaft finden, die ich in window.Auth0.signIn({}); anlegen kann, um den gewünschten Effekt zu beobachten.

Antwort

0

Für Angularjs habe ich diese nette Sache:

https://github.com/FabioMR/ng-caps-lock

+0

Danke für die Antwort. Aber wir können nicht auf den Login-Seitencode von Aut0 zugreifen. Ich möchte diese Nachricht direkt unter dem Passwortfeld anzeigen. Ich kann keinen HTML-Code direkt einfügen. Wir können die Anmeldeseite von Auth0 nur anpassen. Ich erwarte etwas Eigentum, das ich anziehen muss, um den Effekt zu haben. –

+0

Können Sie ein Javscript auf dieser Seite hinzufügen? – Svekke

+0

Natürlich nicht. Wir rufen einfach 'window.Auth0.signIn' auf, um die Login-Seite materialisieren zu lassen. –

0

Die Auth0 hosted login page, verwendet standardmäßig Lock den Authentifizierungsprozess zu liefern. Es gibt ein gewisses Maß an customization that you can perform simply by configuring Lock selbst.

Zur vollständigen Kontrolle der Authentifizierungserfahrung können Sie jedoch die Anmeldeseite vollständig anpassen, einschließlich der Authentifizierung über andere Möglichkeiten als Sperren. In diesem Szenario können Sie genau die gewünschte UX verwenden und Ihre Anforderungen für eine CAPS LOCK-Anzeige und die Option zum Anzeigen des Passworts erfüllen.

Verwandte Themen