在 parsley.js 中引发自定义错误消息

Question

第二次问这个问题，因为上次没解决。

我有一个复杂的规则，我应该根据它来验证用户输入。为简单起见，我们假设输入值应能被 5 整除。考虑这个 JsFiddle

var elem = $('#name').parsley();
var error_name = 'custom_error';
elem.removeError(error_name);
elem.addError(error_name, {message:'Custom error msg'});

为什么这个代码不起作用？

Answer 1

参考文献http://parsleyjs.org/doc/index.html#ui-for-field

添加容器以保存表单中的消息

<p class="error-container"></p>

添加自定义错误

let specificField = $('#error-container').parsley();
window.ParsleyUI.addError(specificField, "myCustomError", "custom error text goes here ");

删除自定义错误

let specificField = $('#error-container').parsley();
window.ParsleyUI.removeError(specificField, "myCustomError");
$(".parsley-myCustomError").css("display", "none");

Answer 2

最好不要使用 addError 和 removeError 而是使用自定义验证器。文档中有很好的示例。

在 parsley.js 中引发自定义错误消息

Raising custom error message in parsley.js

parsley.js