Question

我正在添加一堆文本框，并在表单中使用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

Answer 1

问题是因为您通过在提交处理程序中再次提交表单来创建无限循环。要解决此问题，请在原生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

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

1 个答案: