Parsley JS 强制字段无法验证状态

达拉卡

我正在使用欧芹 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时,如何使欧芹验证状态为假?

迪特·施密特

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

这是我的建议:

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

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

jsfiddle.net/68y7nc0t/

问候

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何动态添加和删除要由Parsley.js验证的表单字段?

来自分类Dev

Parsley验证不起作用Angular js

来自分类Dev

Parsley.js未在复选框上为自定义验证器设置parsley-success / parsley-error

来自分类Dev

验证Parsley.js中的复选框消息

来自分类Dev

Parsley.js-如何向所需的验证器添加值

来自分类Dev

Parsley JS 2.x-如何验证隐藏字段?

来自分类Dev

parsley.js-禁用maxlength验证

来自分类Dev

Parsley.js销毁并重新验证已经验证的字段

来自分类Dev

Parsley.js-验证仅数字的可选输入

来自分类Dev

验证Parsley.js中的链接字段

来自分类Dev

如何使用parsley.js订阅单个字段?

来自分类Dev

使用Parsley.js验证选择的多项选择

来自分类Dev

如何使用Parsley JS验证文件输入?

来自分类Dev

使用parsley.js验证动态创建的字段

来自分类Dev

清除parsley js中的从属字段错误

来自分类Dev

Parsley.js验证文件大小?

来自分类Dev

Parsley.js-如何向所需的验证器添加值

来自分类Dev

使用parsley.js,如何验证页面加载后添加的字段?

来自分类Dev

parsley.js远程验证响应

来自分类Dev

姓氏的Parsley.js模式

来自分类Dev

ParsleyUI.addError之后,Parsley.js远程验证响应仍验证为true

来自分类Dev

Parsley JS 2.x-如何验证隐藏字段?

来自分类Dev

验证Parsley.js中的链接字段

来自分类Dev

使用Parsley.js时出现字段错误重复

来自分类Dev

使用Parsley.js验证选择的多项选择

来自分类Dev

parsley.js正在验证但未提交

来自分类Dev

仅使用parsley.js在提交时验证表单

来自分类Dev

清除parsley js中的从属字段错误

来自分类Dev

澄清 Parsley.js 中的 data-parsley-`constraint`-message