jquery - Parsley 2.0 远程提交时未触发

Question

我使用远程验证进行用户注册，以检查电子邮件是否已使用，并且在更改时工作正常，但在提交时不会触发验证。因此，如果用户输入已使用的电子邮件，他将收到错误消息，但当他提交请求时，错误将被忽略，并且 ajax 调用将被执行。

这是我的电子邮件输入:

<div id="userPanel">
     ...
     <input id="emailInput" class="form-control" type="text" name="email" data-parsley-type="email" data-parsley-required="true" data-parsley-trigger="change" data-parsley-remote="@Url.Action("CheckIsEmailUnique", "Onboarding")" data-parsley-remote-message="Email must be unique."/>
     ...
</div>

Javascript:

var parsleyForm = $('#userPanel').parsley();
$("#saveNewUser").click(function () {
        var isValid = parsleyForm.validate();
        if (isValid) {
               ...
               ajaxCall(...);
        }
}

Answer 1

当您使用 Parsley.remote.js 时，可以使用两种新方法:返回 Promise 的 asyncValidate() 和 asyncIsValid()。

Parsley.remote.js 在 data-parsley-trigger 事件和表单提交时自动绑定(bind) asyncValidate()。

如果您想通过 JavaScript 手动控制表单提交上的欧芹，请使用此:

var parsleyForm = $('#userPanel').parsley();
$("#saveNewUser").click(function () {
    parsleyForm.asyncValidate()
      .done(function () { console.log('success'); })
      .fail(function () { console.log('there is an error'); })
      .always(function () { console.log('done everytime whatever happens'); });
}