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

Вам не нужно запускать $('#reservation-form').unbind('submit').submit();

Снимите e.preventDefault(); вызов и возвращает истину в конце функции:

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