Как вы делаете действие для формы быть нулевым

Question

При определении <form> можно установить тег action.

Как установить нулевое значение (#), чтобы оно не изменило страницу?

Answer 1

Тег

A <form> без атрибута action отправит данные на страницу, с которой они были отправлены.

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

<form method="GET">
    <input type="text" size="10" name="input" value="default">
    <input type="submit" value="Submit">
</form>

(ПРИМЕЧАНИЕ. Это не работает с обработчиком протокола file:///.)

Answer 2

Немного сложно понять, но я думаю, что вы хотите это:

<form action="#">
 <!-- code here -->
</form>

Answer 3

Вы можете установить действие формы в null следующим образом. Это сработало для меня.

< form action ='' >

Answer 4

Для всех, кто читает это, обычно лучше, чтобы ваш объект ввода или кнопки возвращал false; когда он нажал. Это позволит убедиться, что форма не следует за действием и вместо этого остается на странице. Концептуально это будет похоже на то, о чем идет речь, поскольку оно останется на текущей странице.

Это позволяет вам обрабатывать параметры отправки в javascript.

Вот пример того, как вы отправите адрес электронной почты на ваш маршрут API, предупреждая пользователя о том, что возвращается вызовом API:

HTML:

<form>
<input type="text" name="email">
<button onclick="do_something(); return false;"
</form>

JAVASCRIPT:

var do_something = function(){
  $.ajax({
    url: "http://myapi.com/route",
    type: 'POST',
    data: $('form').serialize(),
    context: document.body
  }).done(function(data) {
    alert(data);
  });
};