[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
質問
Google Chromeで、一部の顧客が私の決済ページに進むことができません。 フォームを送信しようとすると、このエラーが表示されます。
<ブロッククオート名前=''の無効なフォームコントロールは、フォーカスできません。
JavaScriptのコンソールからです。
この問題は、hidden フィールドが required 属性を持っていることが原因である可能性があると読みました。 問題は、私たちが.net webforms required field validatorを使用していること、そしてhtml5のrequired属性ではないことです。
このエラーが発生する人はランダムなようです。 どなたか解決策をご存知の方はいらっしゃいますか?
解決方法は?
この問題は、Chrome でフォームフィールドのバリデーションに失敗した場合に発生します。 このフィールドに入力してください。 の隣も同様に失敗します。
フォームコントロールは、いくつかの理由により、検証が行われるときにフォーカスできないことがあります。以下に説明する2つのシナリオは、最も顕著な原因です。
-
ビジネスロジックの現在のコンテキストによると、フィールドは無関係である。このような場合、それぞれのコントロールは無効にするか、DOM から削除するか、あるいは
required
属性を使用します。 -
が押された場合、早期のバリデーションが発生することがあります。 入力 キーを入力します。または、フォームのボタンや入力コントロールに
type
属性を正しく設定します。もしボタンのtype属性がbutton
という理由で、Chrome(または他のブラウザ)はボタンがクリックされるたびに検証を実行します。submit
は、ボタンのデフォルト値であるtype
属性で指定します。
この問題を解決するために、ページ上にあるボタンが
送信
または
リセット
は、常に忘れずに行ってください。
<button type="button">
.
関連
-
[解決済み】iframeを水平方向にセンタリングする方法は?
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] CSS "margin: 0 auto" が中央揃えにならない
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] ionic 4でion-buttonをセンタリングする方法は?[重複しています]
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] HTML5フォームの必須属性。カスタムバリデーションメッセージを設定しますか?
-
[解決済み] <form>タグの外にあるボタンでフォームを送信する
-
[解決済み】HTML5の "required "属性をチェックボックスのグループに使用する?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】html文書に縦の空白を挿入するには?
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] HTML5 Canvas 要素でカスタムフォントを使用するにはどうすればよいですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] デフォルトで空白を選択
-
[解決済み] アトムでキーバインドリゾルバーのポップアップを消すにはどうしたらいいですか?
-
[解決済み] HTMLのバックスペース
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み】jQueryで入力フィールドに必須を追加する。