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

Question

在我的项目中,我不想显示HTML错误,而是alert()在formSubmit上抛出错误列表.我想这应该通过使用listeners:onFormSubmit回调以某种方式完成,但是传递的变量都不包含"干净"版本的错误.欧芹文档也缺乏此功能.

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>

另请参阅以下问题在引导工具提示中显示欧芹错误