Jquery 验证 - errorPlacement 仅在第一次有效

Question

这是我的代码

http://jqueryvalidation.org/documentation/

var validator = $("#loginForm").validate({
    errorPlacement: function (error, element) {
        error.html("");
        var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
        img.attr('src', "../images/inputerror.png");
        img.appendTo(error);
        error.insertAfter(element);
    }
});

这会设置图像而不是“此字段为必填项”。

一切都很好..但只是第一次。当我再次验证时，它显示“再次需要此字段”。

<小时/>

第一次

<小时/>

第二次

Answer 1

您必须使用正确的回调函数才能获得预期的行为。通常，errorPlacement仅用于自定义布局...就像您希望所有消息都位于输入下方或工具提示内部一样。

要在错误时切换类，或者在本例中切换图像，您可以使用 highlight和unhighlight回调函数。请参阅:http://jqueryvalidation.org/validate/

但是，使用 HTML 代替消息是一种可接受的解决方法。只需记住 DOM 结构...默认情况下，您的自定义 HTML 将包装在 <label> 内。元素，除非您使用 errorElement 指定不同类型的元素选项。

具有默认选项的 DOM 结构:

<label class="error"><img src="inputerror.png" /></label>

使用errorElement: 'span'选项...

var validator = $("#loginForm").validate({
    // your options and rules,
    errorElement: 'span'
});

生成的 DOM 结构:

<span class="error"><img src="inputerror.png" /></span>