ホームページ >ウェブフロントエンド >jsチュートリアル >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 Validate が selected-select 要素を検証できない場合の解決方法。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。