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

The*_*ude 6 javascript jquery jquery-plugins twitter-bootstrap 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');

});
Run Code Online (Sandbox Code Playgroud)

The*_*ude 14

欧芹的作者Guillaume Potier添加了一种ParsleyUI.getErrorsMessages(parsleyFieldInstance)方法,它将返回一组消息错误.它可以在github的 master分支上获得,并将在下一个稳定版本中发布.

这对我来说很完美,这是我的示例代码:

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');
});
Run Code Online (Sandbox Code Playgroud)

  • 刚刚回答了我自己的问题,要关闭所有UI,只需将"data-parsley-ui-enabled"设置为"false",或者将"data-parsley-errors-messages-disabled"设置为仅删除错误消息 (4认同)