Empêcher la validation d'un formulaire si champs à vide

Version imprimable

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

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

Oui oui ça correspond à 2 formulaires en 1 ! :mouarf:

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

Code:

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

J'ai bien essayé comme ça :
Code:

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

Personne n'a une idée ?

16/07/2007, 16h43
SpaceFrog
Ex stagiaire ... rest ele encore un peu tu n'es pas prêt :mouarf3:

Code:

onsubmit="return validateFormCompareX(this);">

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

Code:

onsubmit="return ctrlChamps();">

et
Code:

1 2 3 else { return true; }
16/07/2007, 16h46
ghohm

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

Code:

validateFormCompareX(this)

?

Edit : à lire trop vite on comprend pas tout ... je l'appelle ma fonction "ctrlChamps()" à la fin de mon 2nd script ! :mouarf3:
16/07/2007, 16h53
SpaceFrog

elle est ou ta fonction

Code:

validateFormCompareX()

????

Aaaah celle là ... :mouarf:

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

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

Code:

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

16/07/2007, 17h09
SpaceFrog
oui même si dans une utilisation correcte de soumission de form avec on submit il faudrait faire ...
Code:

1 2 <html:form action="javascript:validateFormCompareX(this)" onsubmit="ctrlChamps();">
mais du coup je sais pas à quoi sert ton

Code:

action="/FormCompareX"
16/07/2007, 17h17
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 ! :aie:

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.
16/07/2007, 17h19
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 ;)
16/07/2007, 17h20
ghohm

Citation:

Envoyé par 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 ;)

Exactement !

PS : entre-temps j'ai édité mon post ... pour que ce soit plus claire ! ;)
16/07/2007, 17h21
ghohm

Citation:

Envoyé par SpaceFrog

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 ? 8-) :yaisse2:

Gôm :mouarf: