Voulez-html formulaire soumettre à ne rien faire

Question

Je veux un formulaire HTML pour ne rien faire après avoir été soumis.

action="" 

n'est pas bon car cela provoque le rechargement de la page.

Fondamentalement je veux qu'une fonction d'ajax soit appelée chaque fois qu'un bouton est pressé ou quelqu'un frappe "entrer" après avoir tapé des données. Oui, je peux supprimer la balise de formulaire et ajouter simplement appeler la fonction à partir de l'événement onclick du bouton, mais je veux également la fonctionnalité "frapper enter" sans obtenir tout hackish.

Answer 1

En utilisant return false; dans le javascript que vous appelez à partir du bouton d'envoi, vous pouvez arrêter la soumission du formulaire.

Fondamentalement, vous devez le code HTML suivant:

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

Puis le javascript soutien:

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

Si vous le désirez, vous pouvez aussi avoir certaines conditions permettent le script de soumettre le formulaire:

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

Couplé à:

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

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

Answer 2

Dans le cadre de l'événement onclick du bouton, renvoyez false, ce qui empêchera la soumission du formulaire.

-à-dire:

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

Et il suffit d'appeler cette fonction sur le bouton soumettre clic. Il y a plusieurs façons différentes.

Answer 3

Que diriez-vous

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

Answer 4

utilisation jquery. Peut-être mettre un div autour de vos éléments de la forme. Ensuite, utilisez preventDefault() et ensuite faire votre ajax appelle

Answer 5

Vous pouvez utiliser le code HTML suivant

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

Answer 6

Il fonctionne aussi:

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