jquery parsley ajax,jquery - Parsley Custom Remote Validation with AJAX

本文探讨了在使用Parsley进行表单验证时遇到的问题，即AJAX异步请求导致验证响应延迟，从而影响验证结果。文中提供了两种解决方案：一是通过设置`async:false`使AJAX调用同步，二是采用异步验证方法并引入`parsley.remote.min.js`。这两种方法都能确保验证结果的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The problem is that the AJAX call to your remote validator is being made asynchronously and that means that your response is coming back too late for Parsley, so it will always assume a false result for the validation.

While synchronous AJAX calls should be avoided, if you add the async: false option to your AJAX call your code should work:

window.ParsleyValidator.addValidator('cardcode',

function (value) {

var valid = false;

$.ajax({

url: '/data/checkout/cvvCheck.json',

data: {

cvv: value

async: false,

success: function(response) {

if(response.valid === true) {

return true;

} else {

return false;

}

});

}, 32);

Here's an asynchronous method that I found that worked for me - you'll need to load parsley.remote.min.js instead of parsley.min.js, then setup a custom remote validator using this code:

window.Parsley.addAsyncValidator('cardcode', function (xhr) {

var response = xhr.responseText;

if (response.valid === true) {

return true;

} else {

return false;

}

}, '/data/checkout/cvvCheck.json');