Parsley.js isValid() 使用自定义验证器返回 null

Question

我正在使用 parsley.js(2.8.1) 自定义验证器来检查服务器上是否已经存在输入代码。 一切正常，但parsley().isValid() 和parsley().validate() 在提交时返回null。

删除自定义验证器工作正常，但我无法从客户端检查服务器上存在的代码。

     <form id="product-form">
   [....]
   <input id="product-code"
    data-parsley-code="check-code" data-parsley-length="[3,32]"
    type="text" class="form-control" required>
   [....]
   </form>

   <script>
    $(function(){
        let formInstance = $('#product-form');
        formInstance.parsley();
        Parsley.addValidator('code', {
            validateString: function(value, requirement) {
                let xhr = $.post('/product/' + requirement + '/' + value);
                return xhr.then(function (json) {
                    if (!json.status) {
                        return $.Deferred().reject(json.message)
                    }
                })
            },
            messages: {en: 'Failed to check product code.'}
        });

        formInstance.on('submit', function(e) {
        e.preventDefault();
          console.log(formInstance.parsley().validate());  // returns null
          console.log(formInstance.parsley().isValid()); // returns null
       if (formInstance.parsley().isValid())) {
           [.....]
       }
   }
    [.....]
    </script>

我想检查并提交表单并做 ajax 的事情。

Answer 1

选项1：

由于您的代码适用于 Promise，因此请从 documentation 移至 whenValidate：

返回布尔值或空值的 validate({group, force}) 方法 由于远程验证始终返回 open 将始终返回 null 承诺。

请注意，如果为 true，您的处理程序缺少 return 语句。

请阅读parsley.remote.js 的内部实现以供参考（如果仍然复杂，请移至选项2）

选项2：

您可以将parsley.remote.js js 文件添加到您的项目中，然后使用addAsyncValidator

远程使用here和here的好例子。