欧芹 JS 强制字段验证状态失败

Question

我正在使用欧芹JS验证表单。 当用户在系统上注册时，系统会检查其police_id是否存在于系统中。 这里是 AJAX Jquery 代码。

//police_id
$('#add_user  input[name=police_id]').keyup(function (e) {
$('.exists_police_id').hide();
$('.ok_police_id').hide();
var site_path = $('#sitePath').val();
var value =  $(this).val();
var field = 'policeId';
var table_name = 'tbl_users';
if(value.length>9 ){
$('.loading_pic_police_id').show();
$.ajax({
url:site_path +'/users_manage_cont/check_unique_fields',
method:'POST',
data:{table_name:table_name,field:field,value:value},
success:function(data)
{
$('.loading_pic_police_id').hide();
if(data ==''){
$('.ok_police_id').show();
}else{ 
$('input[name=police_id]').parsley().addError('forcederror', {message: ' This Police ID already Exists in the System.', updateClass: true});
return false; //this validation fails
}
}
});
}
});

如果不存在police_id响应数据为空。然后允许用户提交表单。 但问题是当表中存在police_id时，表单应该是 validate=false。 这里看看我的其他{}部分

$('input[name=police_id]').parsley().addError('forcederror', {message: ' This Police ID already Exists in the System.', updateClass: true});
return false; //this validation fails

此设置错误消息和字段颜色为红色。 但是当单击提交按钮时，可以提交表单。 当表中存在现有police_id时，如何使欧芹验证状态为假？

Answer 1

您只显示一条错误消息，但实际上并没有使验证失败。

这是我的建议：

1. 将 AJAX 的返回值写入隐藏的输入字段
2. 使用欧芹测试输入字段police_id使其不等于该隐藏字段的值。

我做了一个jsfiddle。如果您输入"12345"(您的值当然应该来自 AJAX(，它将给您一条错误消息并且不会验证。如果您输入其他内容，它将进行验证。它并不完美，但它应该给你一个印象，我的意思。

jsfiddle.net/68y7nc0t/

问候