Discussion :

[IGstaff]

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.

[SpaceFrog]

onsubmit ?

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

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onclick="valider();"

et pour les autres objets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
onkeypress="if (event.keyCode==13) valider();"

[SpaceFrog]

comment ????

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

[marts]

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

(celà dit ma méthode fonctionne aussi)

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

[Jumano]

Bonsoir,
Montres nous ton code ...

[IGstaff]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Jumano]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

En modifiant comme ceci çà fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>