[解決済み] HTML5フォーム検証のデフォルトのエラーメッセージを変更または削除するにはどうすればよいですか?
2022-04-27 10:24:11
質問
例えば、私は
textfield
. このフィールドは必須で、数字だけが必要で、値の長さは10でなければなりません。長さが5である値を入力してフォームを送信しようとすると、デフォルトのエラーメッセージが表示されます。
Please match the requested format
<input type="text" required="" pattern="[0-9]{10}" value="">
- HTML 5のフォーム検証エラーのデフォルトメッセージを変更するにはどうしたらよいですか?
- 1.ができるのであれば、プロパティファイルを作成し、そのファイルに独自のエラーメッセージを設定する方法はありますか?
解決方法は?
これは、JavaScriptによる解決方法です。
<input type="text"
pattern="[a-zA-Z]+"
oninvalid="setCustomValidity('Please enter Alphabets.')"
onchange="try{setCustomValidity('')}catch(e){}" />
onchange"イベントは、無効な入力データを設定した後、入力を訂正してフォームを再送信するときに必要です。 Firefox、Chrome、Safariでテストしてみました。
しかし、モダンブラウザの場合。
モダンブラウザでは、検証のためのJavaScriptは必要ありませんでした。 このようにすればいいのです。
<input type="text"
pattern="[a-zA-Z]+"
title="Please enter Alphabets."
required="" />
関連
-
[解決済み] 横型リストアイテム
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] HTML5 form 要素の検証を無効にする
-
[解決済み] HTML5フォームの必須属性。カスタムバリデーションメッセージを設定しますか?
最新
-
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でボタンにリンクを貼るには?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] HTML5 form 要素の検証を無効にする