Невозможно отправить форму, используя JQuery

Question

Итак, сценарий на моей странице, у меня есть форма и таймер обратного отсчета.Если таймер обратного отсчета достигает 0:00, у меня есть оператор, который активирует и должен отправить форму в том виде, в каком она есть.

вот это утверждение:

if (Todays_Date >= Target_Date) {
        clearTimeout(timeoutID);
        $('#testForm').submit();
        alert("Timeup, Submitting exam....");
        return;
    }

что на самом деле происходит,он срабатывает, таймер останавливается (сбрасывается тайм-аут) и выскакивает предупреждение.Однако форма не отправляется и не переносит пользователя на страницу действий.

Я скопировал весь код в этот jsFiddle для компоновки основного принципа.

время, на которое намечен обратный отсчет, передается в HTML внизу,Вы увидите вызов countdown ().

Я действительно нахожусь в огурце и был бы признателен за помощь.

note : я знаю, что это не безопасный методи т.д.

большое спасибо

Answer 1

У вас есть элемент формы с именем submit:

<input name="submit" type="submit" value="Complete Test">

Измените его имя так:

<input name="btnSubmit" type="submit" value="Complete Test" />

И ваш код будет работать.

Когда форма содержит элемент с именем submit, ссылка на formElement.submit будет ссылаться на элемент вместо фактического submit метода - это очень распространенная проблема.

Answer 2

Вы используете

$("#testForm").trigger('submit');

То, как вы пошли, связывает событие submit с функцией, что означает, что после отправки происходит то, что вы укажете в функции (чего у вас нет).