JQuery не работает на форме submit

У меня есть функция JQuery, которую я хочу запустить при отправке формы. Вот Jquery, который, как предполагается, определяет, когда форма была отправлена, останавливает форму от бега это по умолчанию, а и запустить мой код:JQuery не работает на форме submit

$(".submit-button").submit(function(event){ 
     event.preventDefault(); 

     var button = $(this).attr("id");  

     var url = 'https://myurl.com/AddAppointment.php'; 
     $.ajax({ 
    type: "POST", 
    url: url, 
    data: $('#SchedulePosition').serialize(), 
    success:function(){ 
     if(button == 'SaveandReturn'){ 
      window.location.href = "Photography and Editing Jobs.html"; 
     }else if(button == 'SaveandView'){ 
      window.location.href = "Photography and Editing Jobs.html"; 
     } 
    } 

}); 


     });

И здесь кнопка представить используется для отправки формы:

<input class="btn btn-primary submit-button" style="width:50%; height:60px; float:left; font-size:18px; white-space:normal;" 
id="SaveandReturn" type="submit" value="Save and Return to Photoshoot List"> 


<input class="btn btn-primary submit-button" style="width:50%; height:60px; float:right; font-size:18px; white-space:normal;" 
id="SaveandView" type="submit" value="Save and View My Photoshoots">

И, наконец, вот мой Форма Заголовок:

<form id="SchedulePosition" action="#" method="POST">

Всякий раз, когда я нажимаю одну из кнопок, страница просто обновляется, а это означает, что код не работает, но я не могу е объясните, почему это не так. В консоли нет ошибок, ничего странного не происходит, это просто не запускает JQuery.

источник

2017-01-26 Eric Brown

$(".submit-button").submit(...

Кнопки не имеют представить события, но формы сделать:

$("#SchedulePosition").submit(...

источник

2017-01-26 18:44:20 David

Или он мог использовать функцию '.click()' на кнопках – j08691

@ j08691: Это один из вариантов, но не поймает никаких форм, вызванных любыми другими способами. – David

Ах. Понимаю. Спасибо за это. Некоторое время назад я использовал Jquery для отправки форм. –

включить в верхней части вашего сценария и

<input onclick="myFunction()" class="btn btn-primary submit-button" style="width:50%; height:60px; float:left; font-size:18px; white-space:normal;" 
id="SaveandReturn" type="submit" value="Save and Return to Photoshoot List"> 

    function myFunction() { 
    your Login...... 
}

источник

2017-01-26 18:49:25

Помимо Дэвида ответ, другой вариант - использовать:

$(".submit-button").click(function(event){

Поэтому, когда кнопки нажимаются, активируйте функцию.

Обязательно удалите type="submit" на кнопках, чтобы не запускать подачу при использовании этой функции.

источник

2017-01-26 18:51:12

JQuery не работает на форме submit

ответ

Смежные вопросы