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');
});

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...