在Bootstrap ToolTip中显示欧芹错误
-
21-12-2019 - |
题
我正在使用荷兰娱乐2.0.0-RC5,并希望在引导工具提示中显示错误消息。我正在使用“欧芹:字段:错误”,但事件在错误容器中显示错误之前触发,我无法拿起错误。有人一个想法如何获得每个字段的错误消息?
$.listen('parsley:field:error', function (e) {
dataParsleyId = e.$element.attr('data-parsley-id');
errorMsg = 'Error: ' + $('#parsley-id-'+dataParsleyId).text();
e.$element.attr('data-original-title', errorMsg);
e.$element.tooltip('show');
});
. 解决方案
欧芹的作者Guillaume Potier添加了一个ParsleyUI.getErrorsMessages(parsleyFieldInstance)
方法,它将返回一系列消息错误。它在 github 中,并将在下一个稳定版本中发布。
这适用于我,这是我的示例代码:
window.Parsley.on('field:error', function (fieldInstance) {
fieldInstance.$element.popover({
trigger: 'manual',
container: 'body',
placement: 'right',
content: function () {
return fieldInstance.getErrorsMessages().join(';');
}
}).popover('show');
});
window.Parsley.on('field:success', function (fieldInstance) {
fieldInstance.$element.popover('destroy');
});
. 不隶属于 StackOverflow