jqueryの検証クラスをデフォルトのメッセージに設定する

Question

jqueryの検証を使用してエラーメッセージを表示していますが、デフォルトのメッセージで作業していましたが、必要なフィールドにクラスを追加します。

これは私が持っているものです。

$(document).ready(function(){ 
    jQuery.extend(jQuery.validator.messages, { 
    required:function (e,element) { 
     var error = "<div class='page-controls alert alert-danger messagediv2'><strong>Error! </strong><span>Field "+element+" is required</span>" + 
     "<button type='button' class='close' onclick='removeMSG()' aria-label='Close'>" + 
     "<span aria-hidden='true'>&times;</span>" + 
     "</button></div>"; 
     $("button.close").after(error); 
     console.log(element); 
     element.addClass('alert alert-danger'); 
    } 
    }); 
}); 

。

$("#modalvalidate").validate({ 
    errorElement:'div', 
    errorClass: 'alert alert-danger', 
    validClass: 'alert-success', 


    errorPlacement: function(error, element) { 
     error.insertAfter("button.close"); 
     error.addClass('messagediv2'); 
     error.addClass('page-controls'); 
    } 
}); 
$('#modalvalidate').on('change', function(){ 
    $(this).validate(); 
    if ($('#modalvalidate').valid()) { 
     $(".messagediv2").remove(); 
    } 
}); 

私はそれを試してみることが

jquery.validate.min.js:4 Uncaught TypeError: element.addClass is not a function. Exception occurred when checking element

これを行うための正しい方法は何を言いますか？

編集：$('#modalvalidate')で定義したクラスはどこにも表示されません。また、クラスiが$('#modalvalidate').validateを定義すると、フィールドが赤くなり、エラーメッセージが表示されます。あなたがjQueryオブジェクトを期待していたパラメータとして、DOMや生のJavaScriptオブジェクトを持って表示されます

$("#register").validate({ 
    // your code 
    errorClass: 'error help-inline' 
}); 

Answer 1

：それはちょうどこれを試してみてくださいjQuery.extend(jQuery.validator.messages

Answer 2

に私が定義するデフォルトのメッセージでは動作しません。

elementパラメータは実際のDOM要素ではなく、errorはエラーの詳細ですか？

element：

errorPlacement: function(error, element) { 
    element.insertAfter("button.close"); 
    element.addClass('messagediv2'); 
    element.addClass('page-controls'); 
} 

一般的な解決策として、パラメータを$（）でラップすることができます。パラメータがすでにjQueryオブジェクトであり、パラメータがクラッシュするのを止めるなら、これは実際の効果はありません。

errorPlacement: function(error, element) { 
    $(error).insertAfter("button.close"); 
    $(error).addClass('messagediv2'); 
    $(error).addClass('page-controls'); 
} 

か（第一の問題は正しかったが、それでも動作しない場合）：

errorPlacement: function(error, element) { 
    $(element).insertAfter("button.close"); 
    $(element).addClass('messagediv2'); 
    $(element).addClass('page-controls'); 
}