Formulaire submit et appel Ajax

Question

Je rencontre un problème lors de la soumission d'un formulaire.

Voici la situation

<form ....> 

    <input type="text" id="ajax"> <img onclick="saveTextBox"> 

    <input type="text"> 
    <input type="text"> 
    <input type="text"> 

</form> 

Dans le formulaire ci-dessus lorsque l'img est cliquez sur j'appelle un script Ajax pour enregistrer le bouton. C'est OK.

Ce dont j'ai besoin, c'est quand je me concentre sur l'Ajax ajaxscript (sans clic img).

J'ajoute un jQuery pour gérer key = 13 et j'appelle le script MAIS le problème est que le script Ajax AND lance le formulaire aussi.

Comment puis-je remplacer le formulaire sumit lorsque je me concentre sur la zone de texte Ajax et que j'appuie sur la touche Entrée?

Answer 1

Return false.

Answer 2

Premier. Mettez l'image au rebut et remplacez-la par real submit button.

Ensuite. Gérer toute l'interaction JS dans l'événement onsubmit pour l'élément de formulaire. Annuler l'action par défaut, de sorte que le JS s'exécute et que la soumission de formulaire normale ne le soit pas (lorsque JS est disponible). En bref: être pragmatic, construire sur quelque chose qui fonctionne, et d'intercepter les événements au bon moment. N'ignorez pas l'objectif principal d'un élément et créez une façon entièrement nouvelle de déclencher quelque chose qu'il fait déjà.

Answer 3

fonction d'évènement qui arrêtera le soumettre un événement:

function submitHandler() { 
    // do ajax stuff here 

    return false; 
}