jquery-validate - jQueryValidate-表示検証エラーメッセージを非表示/カスタムエラーを表示

Question

jQuery Validateを使用していますが、エラーメッセージは一切表示したくありません。むしろ、問題のある入力/選択などの周りに赤いボックスを配置する必要があります。これらの赤いボックスは追加するのが簡単でしたが、それでもエラーメッセージ自体を削除することはできません。それらを完全に無効にするにはどうすればよいですか？

Answer 1

エラーメッセージを何にも追加しないカスタムエラー配置関数（プラグインのオプションを参照）を使用します。

$('#form').validate({
  errorPlacement: function(error,element) {
    return true;
  }
});

または、ページの別の場所、たとえばページ上部のDIVにエラーメッセージを配置することもできます。

Answer 2

showErrors関数をオーバーライドできます。

jQuery('form').validate({
    showErrors: function(errorMap, errorList) {
        // Do nothing here
    },
    onfocusout: false,
    onkeyup: false,
    rules: {
        email: {
            required: true
        }
    },
    messages: {
        email: {
            required: 'The email is required'
        }
    }
});

Answer 3

これが私のやり方です。$.validator.messages.required = '';validate（）を初期化するための呼び出しの前に置くだけです。

$.validator.messages.required = '';
$('#formData').validate({});`

これにより、入力にスタイルが表示されますが、メッセージラベルは表示されません。