Conflit entre JavaScript et jsp
Bonsoir , mon javascript me pose des problème , voila j'ai ma page jsp qui fonctionne correctement , lorsque je clique sur le bouton submit ma methode DoPost est appelé ,bref tout fonctionne a merveille, lorsque je rajoute la partie javascript , les controls se font mais l'appui sur le bouton submit ne fonctionne plus
savez vous ou est le problème??? voici ma page jsp
Code:
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
| <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
import="java.sql.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>formulaire a validé</title>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="user.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
<!-- End css3menu.com HEAD section -->
</head>
<body>
<!-- fonction java script qui a rrete l'execution si l'un des champs est vide -->
<fieldset class="cadre">
<form method="post" action="demandeDeConge" name= 'conge' onsubmit='return verif_champ(document.conge.nom.value,document.conge.prenom.value,document.conge.grade.value,document.conge.dureC.value,document.conge.structure.value);'/>
<table>
<tr>
<td width=150><label for="nom"><b>Nom</b></label></td>
<td><input type="text" id="nom" name="nom" value="" size="40" maxlength="40" /></td>
</tr>
<tr>
<td><label for="prenom"><b>Prénom</b></label></td>
<td><input type="text" id="prenom" name="prenom" value="" size="40" maxlength="40" /></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td><label for="grade"><b>Grade</b></label></td>
<td><input type="text" id="grade" name="grade" value="" size="40" maxlength="40" /></td>
</tr>
<tr>
<tr>
<td><label for="dureC"><b>Durée de congé</b></label></td>
<td><input type="text" id="dureC" name="dureC" value="" size="40" maxlength="40" onmouseout='verifier_duree(document.conge.dureC.value)'; /></td>
</tr>
<tr>
<td><label for="structure"><b>Structure d'attache</b></label></td>
<td><input type="text" id="structure" name="structure" value="" size="40" maxlength="40" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> <input type="submit" value="Valider" /></td>
<td><input type="reset" value="Remettre à zéro" class="boutton"/></td>
</tr>
</table>
</form>
</fieldset>
<script type="text/javascript">
<!-- fonction java script qui verifier si un champ est vide -->
// out.print("la dureee de mon user est"+variable);
// document.write("la duree de mon utilisateur"+variable);
/*fonction de test du duree*/
function verifier_duree(dureC)
{ var variable=${cu.dureConge};
if((dureC>variable)&&(variable>0) )
{alert("vous devez saisir une variable inferieur a"+variable);}
return false;
return true;
}
function verif_champ(nom, prenom, grade,dureC,structure)
{ var variable=${cu.dureConge};
//document.write("la duree de mon utilisateur"+variable);
if ((nom == "")||(prenom == "")|| (grade== "")|| (dureC == "")|| (structure == ""))
{ alert("Un champ n'est pas remplie, touts les champs sont obligatoire");}
else if (dureC<=0)
{alert("vous devez saisir une durée superieur a 0");}
else if (variable==0)
{alert("vous n'avez plus droit a un congé");}
return false;
return true;
}
</script>
</body>
</html> |
si quelqu'un a une idée je suis preneuse!!
