name='xxx' の無効なフォームコントロールにフォーカスが当たらない

[関連するフォームの送信、ジャンプできません。

一部のフォームで、フォームデータを再入力した後、送信ボタンをクリックしても送信されず、ページがジャンプせず、Google Chromeでタイトルエラーが報告されることがあります。

<スパン 画像の通りです。

<スパン 問題の原因 <スパン

空欄に必須属性を記述して送信しようとした場合、以下のようなブラウザがあります。 <スパン クローム または <スパン ファイアフォックス <スパン フィールドにフォーカスを当て、特別なツールチップでメッセージを取ります。

必要なときにフィールドが表示されます このエラーは非表示または表示されないため、必要なシグナルとレポートができません。

はっきり言って、あなたのフォームのデータには、このフィールドの条件を満たさないフィールドがあります。 必要なもの しかし、その後、バックエンドの js バリデーションは、有効なヒントを与えるという点では、それほど良い仕事ではないようです。

全てはたまたまこの問題があったフォームページの二次開発だったのです。

その時のフォームは、1つの数字がinput要素で、2つありました。 HTML5 のいずれかのバリデーションを行う。 "minLength"。 (現在は 1 になる前に、修正されたものです。 <スパン 10 )、1つは maxLength" (これも10です) しかし、バックエンドでは js バリデーションが適用されますが、それに対する親切なヒントがないため、結果的に入力が 10 桁数です。 フォームがどうしても送信されません。

解決方法は以下の通りです。

<スパン 1. <スパン フォームの入力フィールドに、上記のminlength、maxlengthなどのhtml5バリデーションの要件があるか確認する。
2. 削除または目的の属性を変更し、この場所は、完全にこの属性を変更しないか、少なくとも不規則に埋めるために、jsの検証を使用することができると思います右にユーザを促す。

ブログを始めたきっかけは、ウェブブラウザの使い勝手が良かったことです。(初ブロガー、乾杯!)