在引导工具提示中显示欧芹错误

时间:2014-04-11 09:00:06

标签: javascript jquery twitter-bootstrap jquery-plugins parsley.js

我正在使用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');

});

1 个答案:

答案 0 :(得分:14)

欧芹的作者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');
});