Jquery-验证自定义成功消息

时间:2011-02-21 10:22:52

标签: jquery jquery-validate validation


我正在使用jquery validate插件 它是一种经过修改的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

1 个答案:

答案 0 :(得分:2)

一个简单但可能不那么聪明的方法是,您可以修改上面的成功函数,以包含条件逻辑来选择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");
    }
},