Блог

У меня на моей странице есть форма, которая выглядит так:

 <form action="/home/email" enctype="multipart/form-data" id="email-form" method="post">
// form elements
</form>
  

В зависимости от страницы я хотел бы динамически изменять атрибуты формы с помощью jQuery; в частности, атрибут action.

 $('#send-email').click(function () {
   $('#email-form').attr('action', '@Url.Action("emailaccounting", "home")')
 )};
  

Приведенный выше jQuery успешно отображает:

 <form action="/home/emailaccounting" enctype="multipart/form-data" id="email-form" method="post">
// form elements
</form>
  

Таким образом, я могу изменять атрибуты формы при нажатии на ссылку, которая открывает всплывающую форму для отправки электронного письма. Однако, когда я отправляю форму, действие, которое попадает, является исходным — «электронная почта», а не «учет электронной почты».

Я еще немного поиграл и в обработчике отправки клика для формы электронной почты добавил следующее:

   $('.send-email').click(function (e) {
    // The original form action post will be hit without this...
    e.preventDefault();
    $('#email-form').submit();
  };
  

В приведенном выше фрагменте вызывается правильное действие — «учет электронной почты». Почему? Я не знаю … я надеюсь, что кто-нибудь сможет это объяснить. Но я еще не вышел из положения — у меня есть элемент ввода для загрузки файла. Теперь, когда я пытаюсь загрузить файл в ту же форму, которая работала ранее, я нажимаю отправить, и он переходит к действию «электронная почта». Если я не пытаюсь выполнить загрузку файла, он попадает в действие «учет электронной почты».

1. Почему функция e.preventDefault(), за которой следует отправка формы, выполняет правильное действие?
2. Почему загрузка файла направляет его к исходному действию формы, а не к тому, которое было изменено jQuery?

Спасибо!

Я попробовал, как показано ниже, и это сработало для меня

 $('#send-email').click(function () {
   $('#email-form').attr('action', '/home/emailaccounting')
 )};
  

Попробуйте что-то вроде этого:

 $('#email-form').attr('action', '<%= Url.Action("emailaccounting", "home") %>');
  

Вы просто хотите, чтобы действие было текущей страницей, что бы это ни было? Если это так, вы можете просто использовать action="" .

Вы не указали, с каким браузером и версией вы тестируете, или пробовали ли вы другие. На самом деле это может быть ошибка / функция безопасности / особенность браузера. Если это так, вы можете обойти это, просто отправив форму через AJAX. Функционально это ничем не отличается, вы даже можете перенаправить страницу после успешного ответа, чтобы она вела себя так же. Однако с помощью AJAX вы можете явно управлять URL-адресом публикации, не прибегая к изменению действия.