Js Validator插件远程规则,用于在Ajax调用后不刷新页面不工作的唯一值检查

Posted

技术标签:

【中文标题】Js Validator插件远程规则,用于在Ajax调用后不刷新页面不工作的唯一值检查【英文标题】:Js Validator Plugin Remote Rules for Unique Value Checking Without Refresh Page Not Working After Ajax Call 【发布时间】:2019-11-05 20:49:45 【问题描述】:

我正在尝试使用远程规则验证指定名称。 第一次通过输入test 值提交表单,提交表单并通过ajax 绑定值。但是在第二次没有刷新页面后,我尝试通过添加相同的值test 来提交表单,我添加了该值。我没有收到现有名称的错误。

这里是js代码

  $("#designationaddedit").validate(
     rules: 
         designation_name: 
             required: true,
         ,
         designation_copy_name: 
             remote: 
                 url: base_url + 'Designation/designation_name_exists',
                 type: "post",
                 data: 
                    designation_copy_name: function() 
                        console.log("1");
                      return $( "#designation_copy_name" ).val();
                    
                
             
         ,
     ,
     messages: 
         designation_name: 
             required: "Enter Designation name"
         ,
         designation_copy_name: 
             remote: 'Designation name is already exists.'
         ,
     ,
 );


 $(document).on('submit', '#designationaddedit', function(event) 
         event.preventDefault();


         var designation_id = $('#designation_id').val();
         var designation_name = $('#designation_name').val();
         var action = $('#action').val();
         var table = $('#designationTable').DataTable();
         var info = table.page.info();
         var currentpage = info.start;

         if ($("#designationaddedit").valid()) 
             $('.preloader').show();
             $.ajax(
                 url: base_url + 'designation/add',
                 type: 'POST',
                 dataType: 'json',
                 data:  submit: 1, designation_id: designation_id, designation_name: designation_name, action: action ,
                 success: function(response) 
                     $('.preloader').hide();
                      if (response.success == 1) 
                     $("#designation_model").modal('hide');

                      else 

                     
                 
             );
         
     )

【问题讨论】:

【参考方案1】:

下面的代码解决了我的问题。希望对你有帮助。

remote:  url: "http:url.com", type: "post", data:  USER_ID: userid , async: false, // set async = false 

【讨论】:

以上是关于Js Validator插件远程规则,用于在Ajax调用后不刷新页面不工作的唯一值检查的主要内容,如果未能解决你的问题,请参考以下文章

将 validator.js 用于 Bootstrap 下拉菜单

nice Validator参考

jquery validate表单验证插件

Nice validator领先的表单验证解决方案 转

我的学习之路_第二十八章_JQuery 和validator插件

jquery.validata1.11怎么支持metadata