jQuery Validate が selected-select 要素を検証できない場合の解決方法。

この記事では、jQuery Validate で selected-select 要素が検証できない問題の解決策を主に紹介しますので、困っている方は参考にしていただければ幸いです。

selected-select 要素がchoose() メソッドを実行した後、select 要素に style="display: none;" を追加して非表示にし、select のように見えるドロップダウン リストを再構築します。

そして、jQuery Validate はデフォルトで非表示要素の検証を無視するため、select を除外する必要があります。 validate() メソッドのパラメーターに無視属性を追加して、無視された非表示要素から選択を削除します。

$("select").validate({ignore: ":hidden:not(select)"});

: 非表示セレクターは非表示の要素を選択します。 次の状況の要素は非表示要素です:

• がdisplay:noneに設定されている

• type="hidden"のフォーム要素

• 幅と高さが0に設定されている

• hidden親要素(これにより、子要素も非表示になります)

• 
  

注: このセレクターは、visibility:hidden および opacity:0 の要素には影響しません。

関連する推奨事項:

jqueryベースの選択ボックスプラグインの選択方法_jquery

jqueryの動的設定値の選択例紹介_jquery

jqueryの選択プラグイン非同期リアルタイム検索の実装方法

以上がjQuery Validate が selected-select 要素を検証できない場合の解決方法。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。