0

わかりましたので、私は現在、すべてのフォーム選択ボックスに、ここに記載されている Harvest の Chosen JQ 選択コントロールを使用しています。私はこれらのコントロールに本当に感銘を受けましたが、1 つの問題があります.HTML5 検証エラー (アプリケーション全体で使用しています) があると、ネイティブ ブラウザーの検証エラー ポップアップが表示されません。

ブラウザーが実際にエラーをキャッチしてポップアップを表示しようとしているかどうかはわかりませんが、Chosen CSS がブラウザーに select 要素のエラー メッセージを表示しないように指示している可能性があります。余談ですが、bassistance JQ 検証をこれらのコントロールで動作させることもできません。私は、誰かが私がそれに切り替えることを勧めると思ったので、私はJQを初めて使用し、とにかくネイティブエラーポップアップを本当に気にしないので、私はむしろそうしません。

どうすればこれを達成できるか、誰にも分かりますか? 多くの調査/時間がかかるのか、それとも簡単な答えなのかはわかりません...私は一般的にWeb開発、特にJSとJQに非常に慣れていないため、申し訳ありません。

以下は、クラスを選択したフォーム要素の例です。

<form action="#link" method="post">
  <select class="chzn-select" required>
    <option value=""></option>
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
</form>

次に、次の JQuery ステートメントを実行して、ページの読み込み時に機能するようにします。

jQuery(document).ready(function(){
  jQuery(".chzn-select").chosen();
});
4

1 に答える 1

0

選択されたhttp://docs.jquery.com/Plugins/Validation/validateでjquery検証ライブラリを使用し ました。選択されたものは、DOM内の実際の選択されたHTML要素を非表示にします。デフォルトでは、検証ライブラリは非表示の要素を無視するように設定されています。したがって、デフォルトの検証をオプションに変更して、次のようにします。

$("#myform").validate({
  ignore: ".ignore"
})

要素に必要な属性が設定されている限り、jquery検証ライブラリがそれを検証します。

于 2012-12-17T19:27:00.753 に答える