Bonjour, j'ai un formulaire très simple qui lorsqu'on clique sur "envoyer" via un onclick=unefonction() sur le bouton, j'arrive à intéragir avec le serveur sans recharger la page (c'est merveilleux).
Hélas quand je valide mon formulaire en appuyant sur la touche entrée (ce que je souhaite systématiser à terme) la page se recharge immédiatement après mes requêtes et donc évidemment les résultats ne s'affichent plus sur la page...
 
Est ce qu'il y a quelque chose à faire pour bloquer le rafraîchissement de la page ?
Voilà en gros la tête de mon formulaire histoire de vous donner une idée.
 

 
 
 
PS: Ca n'a strictement rien à voir mais lorsque j'essaie de poster depuis Firefox, au moment de valider mon message HFR me répond "Mot de passe incorrect !"
En revanche la même opération fonctionne très bien sous IE...

bonjour,
pourquoi onsubmit sur le formulaire et
onclick sur le bouton submit ?
double emploi !

  1. <form name="reponse" method="POST" onsubmit="submitForm()" action="">
   2. <input type="text" name="rep" id="rep" />
   3. <input type="button" value="Submit" />
   4. </form>

et j'espère que dans la fonction il n'y a pas un document.reponse.submit() !!!
sinon, triple emploi !

en général d'ailleurs on fait onsubmit="return(submitForm());"
la fonction renvoyant true si l'envoi est requis,
false sinon ( en cas de contrôle quelconque dans cette
fonction par exemple )

là, d'ailleurs ça appelle la même page ( action="" ),
j'espère que c'est du php, sinon il faudrait le return false.

EDIT : je n'ai pas compris le rapport avec AJAX ?
ajax ce n'est pas l'envoi d'un formulaire !
donc si en plus, dans submitForm, on appelle ajax...
quadruple emploi !

Cordialement.

J'ai d'abord récupéré un snippet qui proposait la validation du formulaire avec un événement "onclick" sur le bouton, puis j'ai essayé de l'adapter avec un onsubmit dans form, d'où le double emploi pour le moment car le onsubmit ne fonctionne pas pour l'instant.
Sinon, oui, dans submitform j'appelle Ajax.
 
Pour tes autres remarques, j'ai pas tout compris, est-ce que tu proposes une solution à mon problème ?

ah ben... alors si tu appelles AJAX ,
 
pas de onclick, fais un return false dans la fonction,
sinon ça soumet le formulaire !
 
je ne sais pas comment tu gères ajax dans cette fonction,  
mais on n'envoie pas un formulaire...
 
en ( très, très  ) gros
...xml.open("POST", "url", true);
...xml.send("paramètres séparés par &" );
...
 
faut voir ce que tu fais donc...

Voilà où j'en suis
 
Mon formulaire

Le javascript

Je répète, ça part d'un snippet dont j'ai pompé la structure, faut pas trop m'en demander.
J'ai ajouté un petit return false à la fin, mais le formulaire est quand validé et la page est rechargée..

ah bon ?
 
pas trop le temps de décortiquer pourquoi ?
( curieux, mais bon, comme il reste des erreurs... )
 
enlêve les balises <form></form>
 
utilise document.getElementById("rep" ) au lieu de document.reponse.rep
 
...
var rep = document.getElementById("rep" ).value;
...
<input type="text" id="rep" />
<input type="button" value="Submit"  
          onclick="submitForm();" />
 
de plus : tu dis "post" et tu utilises comme avec get en fait !!
 
req.open("POST", "check.php", true);
req.send(rep);
 
je n'ai peut-être pas tout vu, mais
ça doit commencer à prendre forme,
et comme il n'y a plus de formulaire....
il ne sera pas envoyé ;o)
 
@+

Ouais mais c'est pas valide html/xhtml ce qui est proposé, là...
 
Peux être peux-tu poser un évènement onkeypress sur ta forme et intercepter via une fonction javascript le code de la touche du clavier qui est saisie (ya des tas de scripts qui font ça) et si le code == touche entrée, alors tu balances ta fonction javascript de vérification et tu fais un return false (pour ne pas envoyer le formulaire).

J'ai réussi à faire ce que je voulais en combinant les informations de vos deux précieuses réponses.
Merci beaucoup !