Want HTML-Formular submit, um nichts zu tun

Question

Ich möchte ein HTML-Formular nichts tun, nachdem es eingereicht wurde.

action="" 

ist nicht gut, weil die Seite neu geladen wird.

Grundsätzlich möchte ich eine Ajax-Funktion aufgerufen werden, wenn eine Taste gedrückt wird oder jemand nach Eingabe von Daten "Enter" drückt. Ja, ich könnte das Formular-Tag fallen lassen und einfach nur die Funktion aus dem onclick-Ereignis der Schaltfläche aufrufen, aber ich möchte auch die "hit-enter" -Funktion verwenden, ohne dass alles hackig wird.

Answer 1

Durch die Verwendung von return false; in dem JavaScript, das Sie von der Schaltfläche Senden aufrufen, können Sie das Senden des Formulars stoppen.

Grundsätzlich müssen Sie die folgende HTML:

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

Dann wird die Unterstützung javascript:

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

Wenn Sie es wünschen, können Sie auch haben bestimmte Bedingungen erlauben das Skript das Formular abzuschicken:

Gekoppelt mit:

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

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

Answer 2

Als Teil des onclick-Ereignisses der Schaltfläche gibt false zurück, wodurch das Senden des Formulars verhindert wird.

dh:

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

Und rufen Sie diese Funktion auf die Schaltfläche klicken Sie auf Absenden. Es gibt viele verschiedene Möglichkeiten.

Answer 3

Wie wäre es

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

Answer 4

Verwendung jquery. Vielleicht legen Sie ein div um Ihre Elemente aus dem Formular. Dann prevent() und dann machen Sie Ihre Ajax-Aufrufe

Answer 5

Sie den folgenden HTML verwenden können

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

Answer 6

Es funktioniert auch:

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

Answer 7

<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>