jQuery 验证 - 错误位置
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/6545964/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
jQuery Validation - error placement
提问by Iladarsda
I'm trying to use 'errorPlacement' from jQuery Validation DOCS:
我正在尝试使用 jQuery Validation DOCS 中的“errorPlacement” ：
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( element.parent("td").next("td") );
},
debug:true
})
I want to place error beforenot valid input, but this does not work:
我想在无效输入之前放置错误，但这不起作用：
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo( element.parent("form").prev("input") );
},
debug:true
})
Any help much appreciated!
非常感谢任何帮助！
回答by Frédéric Hamidi
Since you want to insert the error message before the invalid element, use insertBefore():
由于要在无效元素之前插入错误消息，请使用insertBefore()：
errorPlacement: function(error, element) {
error.insertBefore(element);
}
回答by Tharaka Arachchige
Just put the part Where you want the error
只需将部分放在您想要错误的位置
<label for="[your checkbox id]" generated="true" class="error"></label>
Ex:
前任：
<label><input type="checkbox" name="checkbox" id="checkbox" value="1" > Checkbox content</label>
<label for="checkbox" generated="true" class="error"></label>
回答by actionbin
Another option is...
另一种选择是...
errorPlacement: function (error, element) {
element.before(error);
}
回答by Yevgeniy Afanasyev
I recommend to use a html template to specify the position and styling like so:
我建议使用 html 模板来指定位置和样式，如下所示：
<input name="patient_gender" required>
<label for="patient_gender" class="validation_error_message help-block"></label>
and overwrite function for error placement
和覆盖错误放置功能
$.validator.setDefaults({
errorPlacement: function(error, element) {
var name = element.attr('name');
var errorSelector = '.validation_error_message[for="' + name + '"]';
var $element = $(errorSelector);
if ($element.length) {
$(errorSelector).html(error.html());
} else {
error.insertAfter(element);
}
}
});
