JQuery submit - 無限ループ

Question

フォームを送信する前に、スタイルdisplay:noneを持つすべての要素を無効にしようとしています。

e.preventDefault()がある場合、フォームは全く提出されず、e.preventDefault()がない場合、無限ループが発生します。

$(document).on('submit', 'form', function (e) { 
    e.preventDefault(); 
    console.log($(':input:hidden').length); 
    $('#reservation-form > :input:hidden').attr("disabled", true); 
    $('#reservation-form').unbind('submit').submit(); 

}); 

あなたがこのフォームを送信する前に無効にし、すべてのdisplay:noneフィールドを作るために何をすべきか知っていますか？

Answer 1

をあなたはe.preventDefault();呼び出しを削除し、関数の最後にtrueを返し$('#reservation-form').unbind('submit').submit();

を実行する必要はありません。

$(document).on('submit', 'form', function (e) { 
    console.log($(':input:hidden').length); 
    $('#reservation-form > :input:hidden').attr("disabled", true); 
    return true; 
}); 

これは、イベントをバインドまたはアンバインドすることなく、必要な動作を提供します。

Answer 2

レベルをdocumentにバインドしているため、submitのバインドを解除するには、documentレベルでアンバインドする必要があります。言われています

は、最も簡単な方法は、DOMネイティブsubmit()イベントの代わりに呼び出すことです：

：あなたのケースでは、それは何も変更しない場合でも、

$('#reservation-form')[0].submit(); 

ところで、ブール属性のために、より良いは.prop()を使用することです

$('#reservation-form > :input:hidden').prop("disabled", true); 

Answer 3

誤ったセレクタを使用して、入力タイプが非表示の要素を取得しています。 あなたが使用する必要があります。

$('input[type=hidden]') 

ドキュメント：Css Selectors