jQuery Validation Plugin： "errorPlacement"オプションの画像で私自身のエラーを表示

Question

jquery validationプラグインを使用しています。私はテーブルの要素の次のTD（列）にデフォルトのエラーメッセージを表示するために、次の関数を使用しています。

$(obj).find("form").validate({ 


    errorElement: "div", 
      wrapper: "div", 

    errorPlacement: function(error, element) { 
     error.appendTo(element.parent().next()); 
    } 

}); 

この機能はデフォルトのメッセージを表示していますが、私自身のエラーメッセージを表示したいと考えています。

は、例えば、私はこれをしたい：代わりの

<img id='error' src='images/crosssign.gif' />")Please fill this field. 

：事前に

"This field is required." 

感謝を。

Answer 1

の質問の同じ種類を尋ねました。実際には、検証プラグインで検証されない入力フィールドの次の列（td）にコールアウト（エラーを含む）を含むイメージを表示したいとします。入力フィールドが検証されると、このエラーイメージはそのコールアウトを使用して削除する必要があります。

私の解決策です。

$("form").validate({ 

    errorPlacement: function(error, element) { 

     //There should be an error 
     if(error.html() != ''){   

      element.parent().next().html("<img id='exclamation' src='images/exclamation.gif' />").callout({ 
       width  : 200, 
       cornerRadius : 8, 
       className : "validationCallout", 
       content  : error, 
       align  : "left", 
       nudgeHorizontal : -14, 
       nudgeVertical : 4, 
       arrowHeight : 6 
      });  
     } 
    }, 

    success: function(label) { 
     $(obj).find(".valid").parent().next().html("");   //remove error image from next column(td) of input containing "valid" class 
     $(obj).find(".valid").parent().next().closeCallout(); //remove callout on error image from next column(td) of input containing "valid" class 
    } 

}); 

このコードは複雑な可能性がありますが、今は私のために働いています。ここでは、質問に関連していないが、他の人に役立つ可能性のあるコールアウトプラグインが使用されています。 誰ももっと簡単にできますか？

Answer 2

検証するフィールドのメッセージを作成できます。 jquery siteから：

$(".selector").validate({ 
    rules: { 
    name: "required", 
    email: { 
     required: true, 
     email: true 
    } 
    }, 
    messages: { 
    name: "Please specify your name", 
    email: { 
     required: "We need your email address to contact you", 
     email: "Your email address must be in the format of name@domain.com" 
    } 
    } 
}) 

Answer 3

私は私の答えを得た後、しばらく前here is the thread