web-dev-qa-db-ja.com

誤ったフォーム入力フィールドの自動フォーカス

ページが表示される前にSign upおよびLog inフォームの最初の入力フィールドに自動フォーカスを設定していますが、検証後に誤ったフィールドに自動フォーカスを設定する方法を知りません。

multipleで誤ったフィールドを一度に表示する場合、いくつかのオプションを念頭に置いています。

  1. firstエラーのあるフィールド入力をオートフォーカスし、;

    • または、フィールドコンテンツ全体を選択します。

    • テキストカーソルを最後に置きます。

  2. オートフォーカスはありません。

oneが誤ったフィールドのみのシナリオの場合:

  1. エラーのあるフィールドにオートフォーカスし、

    • または、フィールドコンテンツ全体を選択します。

    • テキストカーソルを最後に置きます。

  2. オートフォーカスはありません。

明確にするために、私はではありませんユーザーにオートフォーカスされたフィールドから始めることを強制しています。

2
Kid Diamond

どちらの場合も、最初のフィールドにオートフォーカスし、カーソルを最後に置きます。

フィールドをオートフォーカスすると、ユーザーに指示が表示され、エラーの修正をすぐに開始できますが、同時にforce特定のフィールドから開始することはできません。また、UIの残りの部分を煩雑にすることなく、そのフィールドに固有のエラーに関する詳細を提供する自由も得られます。

すべてのテキストを選択すると、ほとんどのキー(確かにA〜Zとスペース)を押すと、すでに入力したすべてのキーが削除されることを理解していない人に、意図しない影響を与える可能性があります。すでにいくつかの段落が書かれているテキストエリアの場合、それはさらに劇的かもしれません。

したがって、私にとっては、カーソルを最後に置く方が理にかなっています。テキストを削除してやり直すための手順が1つ増えますが、他のケース(エラーの修正、追加、または既に入力したテキストからの削除など)は少し簡単になります。

両方のケースで同じことを行うことも一貫しています。

1
usernames