1. ホーム
  2. html

[解決済み] HTML5でminlengthの検証属性はありますか?

2022-03-15 01:24:54

質問

のようです。 minlength 属性で <input> フィールドは機能しません。

HTML5では、フィールドの値の最小長を設定するための他の属性はありますか?

どのように解決するのですか?

を使用することができます。 pattern 属性 . は required 属性 も必要です。そうしないと、空の値を持つ入力フィールドは 制約条件検証 .

<input pattern=".{3,}"   required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

もし、"empty, or minimum length"のパターンを使用するオプションを作りたい場合は、次のようにします。

<input pattern=".{0}|.{5,10}" required title="Either 0 OR (5 to 10 chars)">
<input pattern=".{0}|.{8,}"   required title="Either 0 OR (8 chars minimum)">