Twitter bootstrap 未看到jqueryvalidation和msdropdown的错误消息
这可能有点混乱,但我会尽力解释清楚 我有一个twitterbootstap表单,它收集信息,并使用jqueryvalidation在表单上强制执行特定规则。到目前为止,一切都很顺利。但是,当应客户的请求使用msdropdown格式化选择下拉框时,通常应在所需下拉框中看到的错误被隐藏。表单强制仍会发生,但您无法看到标准的“此字段是必需的”消息。使用Chrome的网络工具,我可以看到消息,我看到它在下拉列表后面 小提琴示例: 我猜在这种情况下,可能有一种方法可以更改错误块的位置,但我不确定如何做到这一点Twitter bootstrap 未看到jqueryvalidation和msdropdown的错误消息,twitter-bootstrap,jquery-validate,Twitter Bootstrap,Jquery Validate,这可能有点混乱,但我会尽力解释清楚 我有一个twitterbootstap表单,它收集信息,并使用jqueryvalidation在表单上强制执行特定规则。到目前为止,一切都很顺利。但是,当应客户的请求使用msdropdown格式化选择下拉框时,通常应在所需下拉框中看到的错误被隐藏。表单强制仍会发生,但您无法看到标准的“此字段是必需的”消息。使用Chrome的网络工具,我可以看到消息,我看到它在下拉列表后面 小提琴示例: 我猜在这种情况下,可能有一种方法可以更改错误块的位置,但我不确定如何做到这
$(function() {
$.validator.setDefaults({
errorClass: 'help-block',
highlight: function(element) {
$(element)
.closest('.form-group')
.addClass('has-error');
},
unhighlight: function(element) {
$(element)
.closest('.form-group')
.removeClass('has-error');
},
errorPlacement: function (error, element) {
if (element.prop('type') === 'radio') {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
}
});
错误块的示例
提前谢谢
更新:所以我开始玩错误块,我能够得到一个错误消息出现,也很抱歉小提琴错了:(:
现在,我确实会在选择框上方显示错误消息,但在我进行选择后,错误消息会保留下来。好的,所以我至少可以在这里使用它 添加:
|| element.attr("name") == "newAssignment"
如上所列帮助我放置错误消息
我还通过在进行选择时评估元素来消除错误消息:
$("#addNewAssignment").validate().element("#newAssignment");
$("#addNewAssignment").validate().element("#newAssignment");