html - HTML5 有効な再入力値

Question

登録フォームのクライアント側検証で初めて HTML5 パターン属性を使用しました。うまく機能しており、ライブコードに使用する予定です。

私の登録フォームには、re-enter password入力フィールドがあります。

値の再入力が頻繁に使用されると思うので、疑問に思っていたのは、再入力された値が最初に入力された値と一致するかどうかを確認するための派手な HTML5 メカニズムが存在するかどうかということです。それとも、JavaScript でそれを行う必要がありますか?

Answer 1

あまり。

HTML5 では、<output>何らかの計算 (2 つの値の比較など) の結果を表すことになっている要素が導入されています。その属性を使用してfor、結果に影響を与えるページ上の入力に関連付けることができます。ただし、問題は次のとおりです。

• 実際に計算を実行するには、JavaScript が必要です。
• Firefox のレンダリング エンジン (Gecko) では、<output> (Mozilla ドキュメントのこのページを参照) の妥当性制約とエラー メッセージを指定できますが、他のレンダリング エンジンはそうでない場合があります (おそらくそうではありません)。
• HTML5 フォーム検証 (および一般的な HTML5 機能) は、非常に一般的に使用されている多くのブラウザーではサポートされていません。たとえば、10 未満の Internet Explorer を使用してサイトにアクセスしたり、ほとんどのモバイル ブラウザーを使用してサイトにアクセスしたりするユーザーは、フォーム検証を使用できません。

すぐに検証フィードバックを提供したい場合は、JavaScript を使用して、サーバー上でデータを再度検証することをお勧めします。