Как я обрабатываю Две Кнопки отправки на Одной Форме?

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

<% using (Html.BeginForm("UserInfo", "Home", FormMethod.Post, new { id  = "formNext" })) { %> 
.... 
<input id="submitHome" type="submit" name="goHome" value="Home" />  
<input id="submitNext" type="submit" name="getNext" value="Next" /> 
<% } %>


$(document).ready(function() {       
$('#formNext').submit(function() {      
        //Code Does not work but looking at something like this...
        //$('#submitHome').click(function() {
        //      navigate to Home;
        //});
        //$('#submitNext').click(function() {
        //      return true;
        //});
    });
});
6
задан Jose Rojas 3 February 2018 в 03:04
поделиться

4 ответа

$('#submitHome').click(function() {
      //navigate to Home;
});
$('#submitNext').click(function() {
      return true;
});

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

16
ответ дан 8 December 2019 в 04:51
поделиться

Это должно работать:

<% using (Html.BeginForm("UserInfo", "Home", FormMethod.Post, new { id = "formNext" })) { %>
....
<input id="submitHome" type="submit" name="goHome" value="Home" />
<input id="submitNext" type="submit" name="getNext" value="Next" />
<% } %>


$(document).ready(function() {
  $('#submitHome').click(function(e) {
    e.preventDefault(); // prevent the page to do the usuall onclick event (from reloading the page)
    // navigate to Home;
  });
  $('#submitNext').click(function(e) {
    e.preventDefault();
    // return true;
  });
});
2
ответ дан 8 December 2019 в 04:51
поделиться
$(function(){
  $(".submitButton").click(function(e){
    alert($(this).attr("name"));
  });
});​

Рабочая демонстрация за ссылкой.

1
ответ дан 8 December 2019 в 04:51
поделиться

Создайте два метода действия, которые обрабатывают два поста по отдельности и принимают formcollection в качестве параметра. Добавьте два input с type=button и привяжите событие click с $.post к вашему методу действия со значениями из элементов управления формы, которые вам нужны для этого поста.

0
ответ дан 8 December 2019 в 04:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: