jqueryバリデーションプラグインを使用してエラーにエラーメッセージとカスタムイメージを追加する方法

Question

jqueryバリデーションプラグインを使用しています（これはかなり新しいものです）、ラベルの隣に別のカスタムイメージと共に表示する必要がありますフィールドが誤っている場合。

messages: { 
    fname: "Enter your firstname", 
     lname: "Enter your lastname" 
}, 
errorPlacement: function(error, element) { 
     error.appendTo(element.parent("td").next()); 

}, 

がどのように私は、テキストと画像を追加するコードを追加します：

これは私が現在している何ですか？ここ

Answer 1

がexample

そして、それらの例えばコード

// extend the current rules with new groovy ones 

    // this one requires the text "buga", we define a default message, too 
    $.validator.addMethod("buga", function(value) { 
     return value == "buga"; 
    }, 'Please enter "buga"!'); 

    // this one requires the value to be the same as the first parameter 
    $.validator.methods.equal = function(value, element, param) { 
     return value == param; 
    }; 

    $().ready(function() { 
     var validator = $("#texttests").bind("invalid-form.validate", function() { 
      $("#summary").html("Your form contains " + validator.numberOfInvalids() + " errors, see details below."); 
     }).validate({ 
      debug: true, 
      errorElement: "em", 
      errorContainer: $("#warning, #summary"), 
      errorPlacement: function(error, element) { 
       error.appendTo(element.parent("td").next("td")); 
      }, 
      success: function(label) { 
       label.text("ok!").addClass("success"); 
      }, 
      rules: { 
       number: { 
        required:true, 
        minlength:3, 
        maxlength:15, 
        number:true 
       }, 
       secret: "buga", 
       math: { 
        equal: 11 
       } 
      } 
     }); 

    }); 

また、上記の例ではCSS

em.error { 
    background: url("images/unchecked.gif") no-repeat 0px 0px; 
    padding-left: 16px; 
}