[解決済み] 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)">
関連
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] jQueryの送信ボタンの無効化・有効化
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] 静的な HTML ページにファビコンを追加する