ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery Validate が selected-select 要素を検証できない場合の解決方法。

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

小云云
小云云オリジナル
2018-01-12 09:17:362253ブラウズ

この記事では、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。