jquery - jquery.validation 插件重复成功消息

Question

在 jquery 中，使用 .validation 插件：

success:function(span)
{
var fieldname=span.prev().attr("name");
    var message;
    if(fieldname=="lastname")
    {
        message="Nice surname";
    }
span.html("<img src='icons/check.png' />"+message);
}

当我验证时，结果非常好。

但是当我重新验证表格时，这就是它的样子

是否有代码可以防止 jquery 中元素的重复和内容？

Answer 1

它不起作用，因为每次success触发时，您实际上都是在用自己的 HTML 替换默认标签。然后插件找不到它的原始插件label并创建一个新的，您再次用您的自定义 HTML 替换它。

在成功/失败时添加/删除图像或消息的正确方法是使用内置highlight和unhighlight回调函数。

有关文档，请参阅此页面：http: //jqueryvalidation.org/validate

更多信息：

需要修改此答案中的代码以添加/删除您的图像而不是class： https ://stackoverflow.com/a/15251486/594235