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：

由于您的代码符合承诺，因此请从documentation移至whenValidate：

validate（{group，force}）方法返回一个布尔值或null 由于远程验证始终返回打开状态，因此将始终返回null 诺言。

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

请阅读parsley.remote.js的内部实现作为参考（如果仍然复杂，请移至option2）

选项2：

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

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

Parsley.js isValid（）使用自定义验证器返回null

1 个答案:

选项1：

选项2：