Как добавить сообщение об ошибке и пользовательское изображение в поле ошибки с помощью плагина проверки jquery - PullRequest
Новая
       30

Как добавить сообщение об ошибке и пользовательское изображение в поле ошибки с помощью плагина проверки jquery

1 голос
/ 11 ноября 2011

Я использую плагин проверки jquery (который я новичок), и мне нужно, чтобы сообщение об ошибке отображалось вместе с другим настраиваемым изображением рядом с меткой, если поле содержит ошибку.

Это то, что у меня сейчас: 

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

},

как добавить код, чтобы добавить изображение с текстом?

1 Ответ

0 голосов
/ 11 ноября 2011

Вот пример

И код для этих примеров 

// 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;
}
...