web-dev-qa-db-ja.com

jQuery Validate-検証エラーメッセージの表示を非表示にする/カスタムエラーを表示する

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

jquery-validate
50
Anton Gogolev

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

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

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

137
tvanfosson

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'
        }
    }
});
9
Darin Dimitrov

これが私のやり方です。ただ$.validator.messages.required = ''; validate（）を初期化する呼び出しの前、つまり：

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

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

7
James Lock