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

Question

在我的项目中，我不想显示 HTML 错误，而是在 formSubmit 上抛出一个包含错误列表的 alert()。我想这应该通过使用 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