Conflit entre JavaScript et jsp

**sheridan08** · 23/04/2013, 22h31

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 :

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
<%@ 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>&nbsp;&nbsp;</td>
        <td>&nbsp;&nbsp;</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!!

**andry.aime** · 24/04/2013, 07h46

Bonjour,

Ton submit ne fonctionne plus parce que la fonction retourne toujours false.

Code :

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

1
2
3
4
5
else if (variable==0)
                 {alert("vous n'avez plus droit a un congé");}
                    return false;
 
        return true

A+.

**sheridan08** · 24/04/2013, 14h23

Bonjour , là je suis vraiment perdu , le javascript s’exécutait normalement hier mais là plus rien ,il n'est plus pris en considération !!!

voici la page après modification

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
<%@ 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>
 
 
  <script type="text/javascript">
   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};
 
           if ((nom == "")||(prenom == "")|| (grade== "")|| (dureC == "")|| (structure == "")) 
               { alert("Un champ n'est pas remplie, touts les champs sont obligatoire");
               return false;
               }
           else if (dureC<=0)
	         {alert("vous devez saisir une durée superieur a 0");
	         return false;}
             else if (variable==0)
                 {alert("vous n'avez plus droit a un congé");return false;}
 
 
        return true;
        }
   </script>
 
 <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>&nbsp;&nbsp;</td>
	    <td>&nbsp;&nbsp;</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> 
 
 
</body>
</html>

lorsque je clique sur valider , le javascript n'est pas déclenché!!

**andry.aime** · 24/04/2013, 14h32

Code :

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

1
2
3
4
5
6
7
if((dureC>variable)&&(variable>0) )
		  {alert("vous devez saisir une variable inferieur a"+variable);}
 
 
	    return false;
 
  return true;