Резюме Форма Отправить после PreventDefault

Question

Я огляделся и нашел много похожих ответов, но в представлении формы, которое у меня есть, в моем коде не удается. Что, кажется, отсутствует или неверно, что препятствует отправке формы, когда нажаты кнопки «отправить» и подтверждены с помощью SweetAlert?

http://plnkr.co/edit/NL7r4E9UKVjGSBbAwt86?p=preview

<form id='submissionForm' autocomplete='off' method='POST'> 
     <button>Save</button> 
     <input type='submit' name='submit' id='submitTest1' value='Submit 1'> 
     <input type='submit' name='submit' id='submitTest2' value='Submit 2'> 
    </form> 

Нажатие кнопки "Да, я уверен, что" тогда "Ok" не представляет форму.

UPDATE: я упростил код: http://plnkr.co/edit/A9aDycYhIkJcTmK5qIUS?p=preview

Answer 1

Элемент формы имеет метод с именем submit, но также имеет элементы формы в форме в качестве элементов.

Если у вас есть button в форме с именем submit, вы можете получить к нему доступ, используя document.form1.submit. Однако, поскольку это то же имя, что и метод отправки, больше нет способа доступа к этому методу. Если вы используете метод для отправки формы, это больше не будет работать.

Используйте этот plunker:

HTML:

<form id='submissionForm' autocomplete='off' method='POST'> 
     <button>Save</button> 

     <input type='submit' name='submit1' id='submitTest1' value='Submit 1'> 
     <input type='submit' name='submit2' id='submitTest2' value='Submit 2'> 
    </form> 

Answer 2

Ваша форма объекта является простой JavaScript Object и не имеет доступа к методу представить JQuery в.

Wrap объект формы в JQuery обертка $(form).submit()

Не уверен, что если ваниль Javascript является обязательным требованием, как я увидел, что JQuery был включен в plnkr, но я тестировал с помощью submit() метода JQuery вместо данного яваскрипта метода , и это сработало.

При создании переменной формы, сделать this объект JQuery var form = $(this);

Answer 3

использование removeEventListener удалить обработчик события перед отправкой во второй раз.

Вот ваша обновленная скрипка: http://plnkr.co/edit/lXUtzlMISxztGVvucFQS?p=preview

Как отмечено в ответе, тот факт, что у вас есть элементы формы, названные «представить» является переопределением метода .submit(). Вы должны избегать использования «submit» в качестве имени в кнопках отправки. измените, что он должен работать.