jquery - 如何在 jquery 表单验证上显示独特的成功消息

Question

希望你能在这方面帮助我，我目前正在使用这个:

jQuery plugin:validation (Homepage)

我一直在这里阅读相关问题，但这是最接近的。httx://stackoverflow.com/questions/1863448/jquery-validation-on-success

来自插件的文档httx://docs.jquery.com/Plugins/Validation/validate#toption

success String, Callback
If specified, the error label is displayed to show a valid element. If a String is given, its added as a class to the label. If a Function is given, its called with the label (as a jQuery object) as its only argument. That can be used to add a text like "ok!".

目前我唯一给我的对象是标签，我只能向其添加文本。现在我想要的是拥有独特的成功信息。

例如:用户名字段将显示成功消息:“用户名没问题!”
email = '电子邮件似乎是正确的'

沿着这些思路，而不是在所有字段上只显示一条通用的成功消息。

编辑:

到目前为止我只尝试过这个:

success: function(label) {
    label.text("Ok!").removeClass("error").addClass("success");
    },

编辑只是想编辑，我想要的是一种访问输入元素并可能访问其属性的方法，以使用它来显示在 label.text 上。例如，类似 label.text(element.attr("title"); 的内容。

Answer 1

我能想到的最简单的是这样的:

jQuery(function($) {
    $('form').validate({
        success: function(label) {
            var name = label.attr('for');
            label.text(name+ ' is ok!');
        }
    });
});

<form action="" method="post">
    <input name="username" class="required" type="text" />
    <input type="submit" />
</form>

如果您想要更多独特的消息，也许您可​​以将消息存储在某个地方(额外的隐藏字段，或额外的 DOM，或使用元数据)。确保它处于一致的位置(以便您可以遍历所有字段相同的位置)并相应地更新标签消息？