javascript - Parsley.JS - 使用回调获取错误列表

Question

在我的项目中，我不想显示 HTML 错误，而是alert()在 formSubmit 上抛出错误列表。我想这应该通过使用listeners:onFormSubmit回调以某种方式完成，但是没有一个传递的变量不包含“干净”版本的错误。Parsley 文档也缺少此功能。

Answer 1

从 2.8.0 版开始，您可以通过以下方式访问错误消息fieldInstance.getErrorsMessages()

例子：

<form method="post" id="myForm">
    <input type="text" name="phone" value="" class="required" data-parsley-type="integer" />
    <input type="submit" value="Go">
</form>

<script type="text/javascript">
    $(document).ready(function() {
        $("#myForm").parsley();

        window.Parsley.on('field:error', function(fieldInstance){
            // get messages & alert
            var arrErrorMsg = fieldInstance.getErrorsMessages();
            var errorMsg = arrErrorMsg.join(';');
            alert(errorMsg);

            // get name of the input with error
            alert(fieldInstance.$element.attr('name'));
        });
    });
</script>

另请查看以下问题Display parsley errors in bootstrap tooltip

Answer 2

解决警告

parsley.min.js:16 Parsley 的 pubsub 模块已弃用；在 parsley 实例或 window.Parsley 上使用 'on' 和 'off' 方法

尝试这个

window.Parsley.on('field:error', function () {
                // This global callback will be called for any field 
                //  that fails validation.
                console.log('Validation failed for: ', 
          this.$element.attr('name'));
            });