jquery - 無効なフィールドへのjquery検証プラグインaddClass

Question

jqueryの検証プラグインを使用したときに無効を返したフォームのすべての入力にクラスを追加する方法はありますか？

もしそうなら、どのように？

Answer 1

Surreal Dreamsが言ったように、バリデータープラグインは失敗したフィールドにエラークラスを自動的に適用します。ただし、これはカスタマイズできます。検証コードで使用できるフック（エラー関連およびその他）がいくつかあります。これがあなたの質問に関連するカップルです：

• errorClass

  「このクラスを使用して、エラーラベルを作成し、既存のエラーラベルを検索して、無効な要素に追加します。」

• errorPlacement

  「作成されたエラーラベルの配置をカスタマイズします。最初の引数：jQueryオブジェクトとして作成されたエラーラベル。2番目の引数：jQueryオブジェクトとしての無効な要素。」

次に例を示します。

$("whatever").validate({
    errorClass: "yourErrorClassHere",
    errorPlacement: function(error, element) {
        // You can do all sorts of stuff to the individual error elements, like adding classes
    }
});