警告：jQuery検証プラグインで応答しないスクリプトエラー

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

を追加しました。この問題を修正するには、次のように、ネイティブform要素にsubmitイベントを呼び出します。

$("#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