Question

我的应用正在使用欧芹进行验证。客户端没有问题。我遇到的问题是让欧芹根据AJAX响应使字段无效。我试图验证SSN。从技术上讲，所有9都是SSN的有效格式，但一旦它到达服务器，我们的系统就会将其视为无效。我知道我可以写一个Parsley规则来检查这个，但我们表单上的任何字段都可能因服务器上的规则而无效（我无法访问这些规则）。我正在寻找一种方法来做这样的事情：

$('form').submit(function(e) {
     e.preventDefault();
     if ($(this).parsley().isValid()) {
        $.post("/foo/bar/post",
               $(this).serializeArray(),
                function(response) {
                    if (response.valid) {
                          alert('success!')
                        } else {
                            // this is where I'm lost
                            forceParsleyInvalidation(response.item, response.message)
                        }
                },
                'json');
            }}

我所需要的信息中的所有信息都会回复，我只是不确定如何根据从服务器返回的无效信息让Parsley做其事。我试图避免为每个可能无效的元素编写特定的规则。

Answer 1

Parley允许您通过Javascript（check the documentation）添加，更新和删除错误。

以下代码有效，但您可能需要根据从服务器获取的内容进行调整。出于演示目的，我手动设置response值，但我没有$.post。

if ($(this).parsley().isValid()) {
    var response = [];
    response.item = 'ssn';
    response.message = 'Well, you need to correct this field';

    var FieldInstance = $('[name=' + response.item + ']').parsley(),
        errorName = response.item + '-custom';

    /**
     * You'll probably need to remove the error first, so the error
     * doesn't show multiple times
     */
    window.ParsleyUI.removeError(FieldInstance, errorName);

    // now display the error
    window.ParsleyUI.addError(FieldInstance, errorName, response.message);
}

看看at this jsfiddle，看看它是如何运作的。

是否有可能按需提出欧芹错误？

1 个答案: