Хотите HTML-форму представить ничего не делать

Question

Я хочу, чтобы html-форма ничего не делала после отправки.

action="" 

не годится, потому что это приводит к перезагрузке страницы.

По сути, я хочу, чтобы функция ajax вызывалась всякий раз, когда нажимается кнопка или кто-то нажимает «ввод» после ввода данных.Да, я мог бы удалить тег формы и добавить просто вызов функции из события onclick кнопки, но я также хочу, чтобы функциональность «нажал ввод», не становясь хакерской.

Answer 1

Используя return false; в JavaScript, который вы вызываете с помощью кнопки отправки, вы можете остановить отправку формы.

В основном вам нужен следующий HTML:

<form onsubmit="myFunction(); return false;">
<input type="submit" value="Submit">
</form>

Тогда поддерживающий javascript:

<script language="javascript"><!--
function myFunction() {
    //do stuff
}
//--></script>

Если вы хотите, вы также можете иметь определенные условия, позволяющие сценарию отправить форму:

<form onSubmit="return myFunction();">
<input type="submit" value="Submit">
</form>

В паре с:

<script language="JavaScript"><!--
function myFunction() {
    //do stuff
    if (condition)
        return true;

    return false;    
}
//--></script>

Answer 2

Так же работает:

<form id='my_form' action="javascript:myFunction(); return false;">

Answer 3

<form id="my_form" onsubmit="return false;">

достаточно ...

Answer 4

Вы можете использовать следующий HTML

<form onSubmit="myFunction(); return false;">
  <input type="submit" value="Submit">
</form>

Answer 5

Как насчет

<form id="my_form" onsubmit="the_ajax_call_function(); return false;">
 ......
</form>

Answer 6

<form action='javascript:functionWithAjax("search");'>
  <input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search">
  <i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i>
</form>

<script type="text/javascript">
function functionWithAjax(type) {
  // ajax action

  return false;
}
</script>

Answer 7

используйте jquery. Может быть, положить div вокруг ваших элементов из формы. Затем используйте protectDefault () и затем вызовите ajax

Answer 8

Как часть события onclick кнопки, верните false, что остановит отправку формы.

е:

function doFormStuff() {
    // ajax function body here
    return false;
}

И просто вызовите эту функцию при нажатии кнопки подтверждения. Есть много разных способов.