jquery 验证 errorPlacement 插入元素 + br + error

Question

我正在尝试使用 jQuery Validation DOCS 中的“errorPlacement”，如下所示:

$("#myform").validate({
    errorPlacement: function(error, element) {
        error.insertAfter(element);
    }
});

到目前为止一切顺利，但我真正想要的是在每种情况下在输入和错误标签之间插入
标签:

<input>
**<br />**
<label class="error">

我尝试过:

error.insertAfter(element.append($('<br />'));

...但运气不佳。有简单的方法吗？非常感谢任何帮助。

Answer 1

你不需要这样做。

只需使用 the errorElement option将默认错误元素从 label (内联)更改为 div ( block )，以便它自动换行到下一行。

$("#myform").validate({
    errorElement: "div", // default is 'label'
    errorPlacement: function(error, element) {
        error.insertAfter(element);
    }
});

<小时/>

否则，你的代码...

error.insertAfter(element.append($('<br />'));

• 缺少右括号，)
• 格式不正确...您没有在 jQuery 选择器中添加字符串，$()

会是...

error.insertAfter(element.append('<br />'));

但是，这仍然无法按预期工作，因为 append()正在尝试将内容放入 element 的内部。

<小时/>

这种方式可以按照您的要求工作...

$("#myform").validate({
    errorPlacement: function(error, element) {
        element.after(error).after('<br/>');
    }
});

演示:http://jsfiddle.net/1pfvug7r/