ホストされたログインページで 'Caps Lock On'と 'Show Password'を実装する

私は、認証のためにAngularJSとAuth0を使用してアプリケーションを構築しています。ホストされたログインページで 'Caps Lock On'と 'Show Password'を実装する

キャップロックが有効になっていることをユーザーに通知したいと考えています。 Windowsにログインするときと同じ。黄色の文字列はCaps Lock is onです。だから彼はパスワードを入力して時間を無駄にしないようにする。

また、（の表示パスワード）を入力しているときにユーザーにパスワードを表示させる機能も備えたいと考えています。

私はAuth0カスタマイズページに行って、私は、所望の効果を観察するためにwindow.Auth0.signIn({});中に置くことができる任意のプロパティを見つけることができませんでした。私はこのきちんとしたものを使用angular.jsについては

出典

2017-01-30 Rishabh Sharma

：

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

出典

2017-01-30 13:26:39 Svekke

お返事ありがとうございます。しかし、Auth0のログインページコードにアクセスすることはできません。パスワードフィールドのすぐ下にこのメッセージを表示します。正式にhtmlコードを貼り付けることはできません。 Auth0のログインページのみをカスタマイズできます。私は効果を得るために必要ないくつかの財産を期待しています。 –

そのページにjavscriptを追加できますか？ – Svekke

もちろんです。 'window.Auth0.signIn'を呼び出して、ログインページを実現させるだけです。 –

Auth0 hosted login pageは、デフォルトでは、認証プロセスを提供するために、Lockを使用しています。 customization that you can perform simply by configuring Lock自体はある程度あります。

ただし、認証の経験の完全な制御のために、あなたは完全にロック以外の手段による認証を提供することを含む、ログインページをカスタマイズすることができます。このシナリオでは、CAPS LOCKインジケータとパスワードの表示オプションの要件を満たす、正確なUXを持つことができます。

出典

2017-01-31 13:33:59

ホストされたログインページで 'Caps Lock On'と 'Show Password'を実装する

答えて

関連する問題