javascript – 在bootstrap工具提示中显示欧芹错误

前端之家收集整理的这篇文章主要介绍了javascript – 在bootstrap工具提示中显示欧芹错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用parsley 2.0.0-rc5并希望在引导工具提示显示错误消息.我正在使用“parsley:field:error”但事件在错误容器中显示错误之前触发,我无法接收错误.有人知道我如何得到每个字段的错误消息?
$.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');
});

猜你在找的JavaScript相关文章