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