Jquery-проверка пользовательских сообщений об успехе

Question

Я использую плагин проверки jquery.
Это модифицированная форма bassistance .
У меня есть синтаксис, как показано ниже.

var validator = $("#myform").validate({
        rules: {
            field1: {
                required: true,
                remote: {
        url: "field1.php",
        type: "post",
          },
            },
            field2: {
                required: true,
                remote: {
        url: "field2.php",
        type: "post",
          },
            },
            Date: {
                required: true,
            },
        },
        messages: {
            field1: "Specify field1",
            field2: "Specify field2",
            Date: {
              required: "Specify Date",
            },
        },
        errorPlacement: function(error, element) {
                 error.appendTo($('#errorbox'));
                 },
        success: function(label) {
            label.html("OK").addClass("checked");
        }
    });

Здесь у меня есть возможность отображать различные пользовательские сообщения об ошибках. Но как я могу отображать различные пользовательские сообщения об успехе ??

Заранее спасибо ..:)

blasteralfred

Answer 1

Один простой, но, возможно, не очень умный способ заключается в том, что вы можете изменить указанную выше функцию успеха так, чтобы она содержала условную логику, чтобы выбрать, каким должно быть содержимое label.html ().

Вот пример:

success: function(label) {
    // if input validated is "#username" do something special
    if (label.attr('for') == "username") { 
        // add a label next to the field saying username is available and assign css class "checked" to this label
        label.html("username available").addClass("checked");
        // add css class to change background color for the input box to have a green border (presumes you have input.valid defined in your css file)
        var element = '#' + label.attr('for');
        $(element).addClass('valid');
    } else {
        // For other valid input boxes just add generic label like "OK!"
        label.html("OK!").addClass("checked");
    }
},