Submit de Form

Version imprimable

28/03/2008, 12h50
IGstaff

Submit de Form

Bonjour,

La question a surement déjà été posée mais ne sachant pas comment définir cela mes recherches n'ont rien donné...

Problème:
Je voudrais que mon formulaire exécute une fonction JS quand on clique ou valide par entrée sans que la page ne se recharge(cela m'est inutile).
Ceci afin de pouvoir envoyer des données Via AJAX(ca c'est mon probleme...).

Solution alternative:
Supprimer le form pour laisser que les objets d'un forum.
+ Mettre un Onclick sur le bouton submit
+ Emprisonner la pression du bouton entrée dans la focntion dans les objets du form.
Seulement cette solution est lourde et je cherche plus simple.

Je voudrais que la validation du submit soit "emprisonné" dans la apge et que le form soit incapable de charger la page...

Si je n'ai pas donné assez de détails, signalez le moi.
28/03/2008, 13h15
SpaceFrog

onsubmit ?
28/03/2008, 17h13
marts
Avec onsubmit la page finit par se recharger quand même.
La solution de supprimer le form n'est pas si compliquée :
pour le bouton :
Code:

1 2 onclick="valider();"
et pour les autres objets :
Code:

1 2 onkeypress="if (event.keyCode==13) valider();"
28/03/2008, 17h16
SpaceFrog

comment ????
8O8O8O8O

Citation:

Avec onsubmit la page finit par se recharger quand même.

mets dont un return false dasn ton onsubmit et dis moi si ta page se recharge !!!
28/03/2008, 17h25
marts

Désolé pour la désinformation. :oops: Tu as raison SpaceFrog.

(celà dit ma méthode fonctionne aussi)
28/03/2008, 21h27
IGstaff

le problème c'est qu'avec le onsubmit c'est que je ne peux pas y insérer de fonction tout en bloquant le formulaire.
C'est à dire:
- Avec onsubmit="return false; mafonction();"
-> Le formulaire ne s'exécute pas et ma fonction non plus.
- Avec onsubmit="mafonction(); return false"
-> Ma fonction ne s'exécute pas et mon formulaire s'exécute
- Avec onsubmit="return mafonction();"
-> Idem

Mais apparemment j'ai aussi un problème avec ma fonction...
Il me dit qu'elle n'existe pas alors qu'elle est déclarer un peu avant et que sur le onclick de mon submit cela fonctionnait...je pense que la solution de marts est mieux meme si lourde(comme je l'ai dis dans mon premier message)
28/03/2008, 21h41
Jumano

Bonsoir,
Montres nous ton code ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 <script language="JavaScript">
function missil_submit() {
	//alert("Fonction executée !");
	galaxy = document.getElementById("missil_galaxy").value;
	system = document.getElementById("missil_system").value;
	planet = document.getElementById("missil_planet").value;
	nb = document.getElementById("missil_nb").value;
	doit(10, galaxy, system, planet, 1, nb);
	//return false;
}
</script>
<!-- <form method="POST" onsubmit="return missil_submit();"> -->
	<table width="569"><tr>
		<th>{Coordinates}:</th>
		<td class="l"><input name="missil_galaxy" id="missil_galaxy" value="" size="5" maxlength="3" type="text" onkeypress="if (event.keyCode==13) missil_submit();"></td>
		<td class="l"><input name="missil_system" id="missil_system" value="" size="5" maxlength="3" type="text" onkeypress="if (event.keyCode==13) missil_submit();"></td>
		<td class="l"><input name="missil_planet" id="missil_planet" value="" size="5" maxlength="3" type="text" onkeypress="if (event.keyCode==13) missil_submit();"></td>
		<th>{Missil}({user_missil}):</th>
		<td class="l"><input name="missil_nb" id="missil_nb" value="" size="5" maxlength="3" type="text" onkeypress="if (event.keyCode==13) missil_submit();"></td>
		<td class="l"><input name="missil_submit" value="Envoyer" type="submit" onclick="missil_submit()"></td>
	</tr></table>
<!-- </form> -->

Voila, c'est arrangé comme la proposé marts et ca fonctionne...
L'autre solution m'intéresse mais elle ne semble pas fonctionner...

Bonjour,
Ton problème doit venir du nm de ta fonction ("_submit") et de la ligne correspondant à

Code:

1
2
 
doit(10, galaxy, system, planet, 1, nb);

En modifiant comme ceci çà fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script language="JavaScript">
function missil_test() {
 
galaxy = document.getElementById("missil_galaxy").value;
system = document.getElementById("missil_system").value;
planet = document.getElementById("missil_planet").value;
nb = document.getElementById("missil_nb").value;
doit = (10, galaxy, system, planet, 1, nb);
alert("Fonction executée !");
return false;
}
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<form method="POST" onsubmit="return missil_test();">
<table width="569"><tr>
<th>{Coordinates}:</th>
<td class="l"><input name="missil_galaxy" id="missil_galaxy" value="" size="5" maxlength="3" type="text"></td>
<td class="l"><input name="missil_system" id="missil_system" value="" size="5" maxlength="3" type="text"></td>
<td class="l"><input name="missil_planet" id="missil_planet" value="" size="5" maxlength="3" type="text"></td>
<th>{Missil}({user_missil}):</th>
<td class="l"><input name="missil_nb" id="missil_nb" value="" size="5" maxlength="3" type="text"></td>
<td class="l"><input name="missil_submit" value="Envoyer" type="submit"></td>
</tr></table>
</form>