Discussion :

[ghohm]

Bonjour !

je fais actuellement du J2EE et j'envois mes formulaires en les passant dans "une moulinette" appartenant à un plugin appelé "Validator" qui fonctionne côté client (JS) et/ou côté serveur (J2EE) ... très connu par les J2EEistes !

Tous mes contrôles fonctionnent parfaitement, sauf un seul type de contrôle que je ne peux mettre en oeuvre : j'ai 4 champs et soit les 2 premiers sont obligatoires, soit ce sont les 2 derniers ! Donc un coup un champ est obligatoire et dans l'autre cas il doit rester à vide ...

Oui oui ça correspond à 2 formulaires en 1 !


Bref bref, je voudrais savoir comment empêcher l'envoi de mon formulaire sachant que l'envoi se fait en JS ... démonstration :

Code :

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

<html:form action="/FormCompareX" onsubmit="return validateFormCompareX(this);">

J'ai bien essayé comme ça :

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
		<script type="text/javascript">
			function ctrlChamps() {
				var champ1 = document.formCompareX.xFab1.value;
				var champ2 = document.formCompareX.xFab2.value;
				var champ3 = document.formCompareX.xSav1.value;
				var champ4 = document.formCompareX.xSav2.value;
 
				if ((champ1 == "") && (champ2 == "") && (champ3 == "") && (champ4 == "")) {
					alert("Merci de compléter correctement le formulaire.");
					return false;
				}
				else {
					return validateFormCompareX(this);
				}
			}
		</script>
 
[...]
 
<html:form action="/FormCompareFdm" onsubmit="ctrlChamps();">

Ca ne fonctionne pas : il m'affiche la popup, ... poste les données de mon formulaire et tombe en échec !

Personne n'a une idée ?

[SpaceFrog]

Ex stagiaire ... rest ele encore un peu tu n'es pas prêt

Code :

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

onsubmit="return validateFormCompareX(this);">

faudrait peut être l'appeler la fonction de verif non ?

Code :

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

onsubmit="return ctrlChamps();">

et

Code :

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

1
2
3
else {
					return true;
				}

[ghohm]

Mouais ... et avec ton code ... quand est-ce que j'appelle :

Code :

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

validateFormCompareX(this)

?

Edit : à lire trop vite on comprend pas tout ... je l'appelle ma fonction "ctrlChamps()" à la fin de mon 2nd script !

[SpaceFrog]

elle est ou ta fonction

Code :

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

validateFormCompareX()

????

[ghohm]

Aaaah celle là ...

Elle est générée automatiquement dans ma page JSP finale !

Au final, j'ai modifié mes scripts et ça fonctionne :

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
		<script type="text/javascript">
			function ctrlChamps() {
				var champ1 = document.formCompareX.xFab1.value;
				var champ2 = document.formCompareX.xFab2.value;
				var champ3 = document.formCompareX.xSav1.value;
				var champ4 = document.formCompareX.xSav2.value;
 
				if ((champ1 == "") && (champ2 == "") && (champ3 == "") && (champ4 == "")) {
					alert("Merci de compléter correctement le formulaire.");
					return false;
				}
				else {
					return true;
				}
			}
 
[...]
 
<html:form action="/FormCompareX" onsubmit="return ctrlChamps(); return validateFormCompareX(this);">

Gôm

[SpaceFrog]

oui même si dans une utilisation correcte de soumission de form avec on submit il faudrait faire ...

Code :

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

1
2
 
<html:form action="javascript:validateFormCompareX(this)" onsubmit="ctrlChamps();">

mais du coup je sais pas à quoi sert ton

Code :

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

action="/FormCompareX"

[ghohm]

Tu as effectivement raison ... je t'explique !

La balise Action contient le code qui me permet d'exécuter le pourquoi du comment de mon formulaire, c'est donc une servlet (pour faire simple) qui se cache derrière.

La balise onSubmit me permet de lancer une validation plus ou moins automatique (côté client et/ou côté serveur) des champs de mon formulaire grâce au plugin "Validator" dont je parlais auparavant. Enfin, sauf dans le cas (particulier) où tous mes champs sont vides !

En fait, si le JS est désactivé : le plugin utilise des scripts côté Serveur permettant de réaliser malgré tout la validation et éviter un plantage !

Pour finir, une fois le process de validation passé, il se débrouille pour faire "une redirection" vers la balise Action afin d'exécuter effectivement le code permettant l'interprétation des données de mon formulaire.

[SpaceFrog]

et donc le onsubmit avec le return de la validation avant de lancer ta seconde fonction est la solution ...
Je comprends mieux comme ça

[ghohm]

et donc le onsubmit avec le return de la validation avant de lancer ta seconde fonction est la solution ...
Je comprends mieux comme ça

Exactement !

PS : entre-temps j'ai édité mon post ... pour que ce soit plus claire !

[ghohm]

et donc le onsubmit avec le return de la validation avant de lancer ta seconde fonction est la solution ...

Donc c'est bon je peux arrêter les stages ?


Gôm