警告:jQuery Validation Plugin中的无响应脚本错误

时间:2016-07-04 08:48:57

标签: jquery ajax validation jquery-plugins

我正在添加一堆文本框,并在表单中使用ajax选择下拉列表。 您可以说添加行类型功能。

当我提交表单时,它将通过jQuery验证插件进行验证。但是我会在一段时间后面对浏览器并显示警告框。

我的验证码在这里:

$( "#bookingadd" ).validate({    
  submitHandler: function (form){ 
      $('input[type=text]').each(function(){
        $(this).rules( "add", "required");
      });

      $('select').each(function(){
        $(this).rules( "add", "selectsubservices"); // value is not 0
      });

     jQuery("#bookingadd").submit();

  } });

我添加了alert box snapshot

1 个答案:

答案 0 :(得分:0)

问题是因为您通过在提交处理程序中再次提交表单来创建无限循环。要解决此问题,请在原生submit元素上调用form事件,如下所示:

$("#bookingadd").validate({    
    submitHandler: function(form) { 
        $('input[type=text]').each(function() {
            $(this).rules( "add", "required");
        });

        $('select').each(function() {
            $(this).rules("add", "selectsubservices"); // value is not 0
        }); // < missing } here

        form.submit(); // note use of 'form' here
    } 
});

https://jqueryvalidation.org/validate/#validate-options