struts/javascript - validation du formulaire

**kkkkkk** · 31/05/2007, 15h35

bonjour,
je travail actuellement sur une application web avec struts ,et je veux au lieu de faire la validation de mon formulaire avec validateForm(coté serveur),le faire coté client a l'aide de javascripts.
j'ai créer mon formulaire dans une page jsp et j'ai introduis un code javascripts pour vérifier ke tout les champs sont remplie,si non il affiche un message d'erreur.
le code marche parfaitement bien si les champs sont vide,mais kon tout les champs sont remplie, normalement il doit envoyer la requéte au serveurs pour k'elle puisse etre traiter,mais kon je click sur valider la requéte ne s'envoie pas,il ne donne rien est ce ke vous pouver me donner une solution et m'ader a resoudre le probléme

**bonano** · 31/05/2007, 16h00

Envoyé par kkkkkk

bonjour,
je travail actuellement sur une application web avec struts ,et je veux au lieu de faire la validation de mon formulaire avec validateForm(coté serveur),le faire coté client a l'aide de javascripts.
j'ai créer mon formulaire dans une page jsp et j'ai introduis un code javascripts pour vérifier ke tout les champs sont remplie,si non il affiche un message d'erreur.
le code marche parfaitement bien si les champs sont vide,mais kon tout les champs sont remplie, normalement il doit envoyer la requéte au serveurs pour k'elle puisse etre traiter,mais kon je click sur valider la requéte ne s'envoie pas,il ne donne rien est ce ke vous pouver me donner une solution et m'ader a resoudre le probléme

Peux tu montrer ton code. Car peux etre tu utilise onSubmit() = "ta fonction javascript"mais dans ta fonction tu retourne pas true si tous va bien.

**kkkkkk** · 31/05/2007, 16h10

merci pour avoir repondu a mon message

tout ce ke vous aver dis je lé déja mis dons mon code le voici:

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
 
<html> 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>changer le Mot de passe </title>
 
<script language="JavaScript">
 function Verif() 
 {
if((document.forms[0].amotpasse==null || document.forms[0].amotpasse.value.length<1)&&
(document.forms[0].nmotpass==null || document.forms[0].nmotpass.value.length<1)&&
(document.forms[0].confmotpasse==null || document.forms[0].confmotpasse.value.length<1))
{
alert('remplissze tout les champs');
}
 
else if (document.forms[0].amotpasse==null || document.forms[0].amotpasse.value.length<1)
{
alert('Attention!! remplissez tout les champs ');
}
else if (document.forms[0].nmotpass==null || document.forms[0].nmotpass.value.length<1)
{
alert('Attention!! remplissez tout les champs ');
}
else if (document.forms[0].confmotpasse==null || document.forms[0].confmotpasse.value.length<1)
{
alert('Attention!! remplissez tout les champs ');
}
else if (document.forms[0].nmotpass.value!=document.forms[0].confmotpasse.value)
{
alert('la confirmation du mot de passe est incorrecte');
 
return false ;
}
else
{
return true;
 
}
}
</script>	
 
<style type="text/css">
<!--
.Style2 {	font-size: 12px;
	color: #0000C4;
}
.Style5 {	font-size: 12px;
	color: #FF0000;
}
#Layer1 {	position:absolute;
	left:132px;
	top:74px;
	width:362px;
	height:199px;
	z-index:1;
	background-color: #FFFFF2;
}
.Style1 {	color: #FFFFFF;
	font-weight: bold;
}
#Layer2 {	position:absolute;
	left:132px;
	top:40px;
	width:450px;
	height:35px;
	z-index:2;
	background-color: #33CC33;
}
-->
</style>
	</head>
	<body>
	<div id="Layer1" style="top: 74px; left: 132px; width: 379px; height: 224px;">
	<html:form action="/changer">
 
    <table border="0" style="top: 91px; height: 177px; left: 136px; width: 375px;">
 
		<tr>
 
		<td width="250"><div align="right"><span class="Style2">Ancien mot de passe :</span></div></td>
		<td width="10"><span class="Style5">(*)</span></td>
		 <td valign="middle" align="center"><label><html:password property="amotpasse"/><html:errors property="amotpasse"/><br/>
		 </label><br></td>
		 </tr>
		<tr>
			<td width="250"><div align="right"><span class="Style2">Nouveau mot de passe : </span></div></td>
			<td width="10"><span class="Style5">(*)</span></td>
			<td valign="middle" align="center"><label><html:password property="nmotpass"/><html:errors property="nmotpass"/><br/>
			</label><br></td>
			</tr>
		<tr>
 
		<td width="250"><div align="right"><span class="Style2">Confirmer le mot de passe :<br></span></div></td>
		<td width="10"><span class="Style5">(*)</span></td>
		<td valign="middle" align="center"><label><html:password property="confmotpasse"/><html:errors property="confmotpasse"/><br/>
		</label><br></td>
			</tr>
			<tr>
			<td width="20"><br></td>
 
 
         <td valign="middle" align="center"><label><html:button property="button" value="valider"  onclick="javascript:Verif()" /></label><br></td>
 
       <td valign="middle" align="center"><label><html:reset/></label><br></td>
      </tr>
     </table>
			</html:form>
			</div>
			<div class="Style1" id="Layer2" style="left: 132px; width: 379px;">
  <p>Changr le mot de passe </p>
</div>
	</body>
</html>

mais ca ne marche pas
j'attend votre reponse merci

**c_nvy** · 31/05/2007, 16h18

La soumission du formulaire ne se fait pas parce que tu utilises un tag html:button et non un tag html:submit.

Donc, pour provoquer la soumission du formulaire, il faut ajouter ceci dans ton javascript :

Code :

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

document.nomDeTonFormBean.submit() ;

Sinon, pour info, via le Validator, tu peux faire une validation seulement côté client.
Il est donc bien dommage de coder ton propre javascript.

**kkkkkk** · 31/05/2007, 16h28

vraiment vraiment merci
j'ai demander plusieur fois sur plusieur forum de me trouver une solution

ca marche
mais kon un champs est vide avant il affichais un message d'erreur et reste sur la meme page maint il affiche l'erreur mais donne une page blanche xx.do
comment faire pour kil reste toujour sur la méme page si un champs est vide ??
meri la reponse ca marche a merveil

**c_nvy** · 31/05/2007, 16h37

Ben, il faut mettre le submit au bon endroit dans ton javascript, soit seulement quand il n'y a pas d'erreurs de validation.

**c_nvy** · 31/05/2007, 16h48

De rien.

Envoyé par kkkkkk

j'ai demander plusieur fois sur plusieur forum de me trouver une solution

La prochaine fois, pose la question directement sur ce forum, c'est le meilleur.

**c_nvy** · 02/06/2007, 14h46

Envoyé par c_nvy

Sinon, pour info, via le Validator, tu peux faire une validation seulement côté client.
Il est donc bien dommage de coder ton propre javascript.

Ci-dessus une remarque que j'ai déjà fait dans la discussion.
A toi de voir si tu veux en tenir compte.

Et si tu as besoin d'aide pour la mise en oeuvre, n'hésite pas à ouvrir une nouvelle discussion.

**kkkkkk** · 03/06/2007, 00h01

vous parlez du fichier validator.xml?,oui mais je ne sais pas comment faire ,je n'est jamais entendu parler c'est pourquoi j'ai pas pris en compte votre remarque. je vé ouvrire une nouvelle discussion sur ca espérant trouver une solution
merci

struts/javascript - validation du formulaire

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager