jQuery validation plugin：フィールドの検証時に関数を呼び出す方法

Question

この関数では、フィールドが検証されなかったときに次のtdのテーブルにエラーイメージを表示します。エラー画像は正しく表示されていますが、フィールドが有効になっていると、エラー画像は次のtdから削除されません。私は "成功"オプションを使用しようとしましたが、動作しません。誰も私に正確なコードを教えてもらえますか？

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

    showErrors: function(errorMap, errorList) { 
     for (key in errorMap) { 
       $('#' + key).parent().next().html("<img id='exclamation' src='images/exclamation.gif' />"); 
     } 
    } 

}); 

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

すべてのエラー画像を削除する関数を作成します。 successメソッドとshowErrorsメソッドの両方の冒頭で呼び出します。

Answer 3

errorPlacementオプションを参照してください。

がそこからRemember the milk demo

を参照してください。

errorPlacement: function(error, element) { 
    if (element.is(":radio")) 
     error.appendTo(element.parent().next().next()); 
    else if (element.is(":checkbox")) 
     error.appendTo (element.next()); 
    else 
     error.appendTo(element.parent().next()); 
} 

は、私は私の答えを得た時間が経過した後、適切な場所（隣接TD）