2

私は回避しようとしています：

name='dob_mm'の無効なフォームコントロールはフォーカスできません。

Chromeで発生するエラー。はい、必要なフィールドがたくさんあります。はい、これらのフィールドは非表示になっています。フォームはタブに分割され、一度に1つだけ表示されます。

「他のタブに情報を入力する必要があります」というポップアップを表示できるJquery関数の種類はありますか？

私はここを見ますが、あまり教えてくれませんでした。

4

1 に答える 1

11

独自の検証を行う必要がありますが、バックアップとして、Chrome でこれらのエラーを防ぐための回避策があります。

基本的な方法は次のとおりです。

  • 送信ボタンのクリック イベントで:invalid、Chrome がエラーのあるフィールドに追加する疑似クラスを使用して、ブラウザの検証に失敗したフィールドを検出します。
  • そのフィールドの親コンテナー (たとえば、それが存在するタブ) を見つけて、そのコンテナーを表示します。

これにより、ユーザーはエラーのあるタブに誘導され、フィールドがフォーカス可能になるため、Chrome の検証が失敗することはありません。

非常に基本的なバージョンは次のようなものです。

$('#inputbutton').click(function(){
    //find the invalid field
    $('#myform').find(':invalid').first()
    //find it's parent tab and show it
    .parents('.tab-pane').show();
});
于 2013-06-04T17:16:38.793 に答える