html - HTML5を使用して複数入力の検証を行う方法は？

Question

HTML5は、正規表現を使用したJavaScript検証の代替手段を提供します。しかし、単一の入力フィールドに複数の検証を追加したいので、それに応じてメッセージが表示されます。

例えば。

<input type=passowrd name=passowrd/>

ここで、パスワードフィールドには、メッセージ付きの次の検証が含まれている必要があります。

Answer 1

HTMLだけではできないのではないかと思います（いいえ、HTML5でさえも）。

タスクを実行するには、JavaScriptを使用する必要があります。

Answer 2

制約の検証は、入力フィールドごとに1つのエラーメッセージに対してのみ設計されています。これを回避する方法は、検証メッセージを連結することです。

password.setCustomValidity(password.validationMessage + ' At least one capital letter');

欠点は、htmlを追加できないため、すべてのメッセージがインラインで配置されることです。