在托管登录页面实现“大写锁定”和“显示密码”

问题描述:

我正在使用AngularJS构建一个应用程序,并使用Auth0进行身份验证。在托管登录页面实现“大写锁定”和“显示密码”

我想让用户知道何时启用大写锁定。与我们登录Windows时相同;表示Caps Lock is on的黄色字符串。所以他不会浪费时间输入他的密码。

我也希望有一个功能让用户在输入时看到他的密码(显示密码)。

我去了Auth0定制页面,找不到任何可以放在window.Auth0.signIn({});上的属性来观察预期的效果。

对于angular.js我用这个美妙的事情:

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

+0

感谢您的回答。但我们无法访问Auth0的登录页面代码。我希望在密码字段的正下方显示此消息。我无法正确粘贴html代码。我们只能自定义Auth0的登录页面。我期待一些我需要付诸实施的财产。 –

+0

你可以在该页面添加一个javscript吗? – Svekke

+0

当然不是。我们只需调用'window.Auth0.signIn'来实现登录页面。 –

Auth0 hosted login page,默认情况下,使用Lock提供的认证过程。本身有一定程度的customization that you can perform simply by configuring Lock

但是,要完全控制身份验证体验,您可以完全自定义登录页面,包括通过除锁定之外的其他方式提供身份验证。在这种情况下,您将能够获得所需的确切UX,并满足您对CAPS LOCK指标和显示密码选项的要求。