formulaire action submit

Version imprimable

bonjour
j'ai un petit probleme
voila mon code

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
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
 
    <title>My JSP 'Inscription.jsp' starting page</title>
 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 
  </head>
 
  <body>
    <FORM METHOD=POST ACTION="Inscription" name="form"> 
<table>
   <tr><td>Identifiant :<td><input type="text" name="t1"><font size='4' color='red'><b>*</b>
      <tr><td>Mot de passe :<td><input type="text" name="t2"><font size='4' color='red'><b>*</b>
      <tr><td>Confirmation mot de passe :<td><input type="text" name="t3"><font size='4' color='red'><b>*</b>
      </table><br>
      <hr width="800"></hr>
      <font size='4' color='red'><b>informations personnelle</b></font><br>
      <table>
       <tr><td>Nom:<td><input type="text" name="t4"><font size='4' color='red'><b>*</b>
        <tr><td>Prenom :<td><input type="text" name="t5"><font size='4' color='red'><b>*</b>
          <tr><td>Adresse:<td><input type="text" name="t6"><font size='4' color='red'><b>*</b>
            <tr><td>Code postal :<td><input type="text" name="t7"><font size='4' color='red'><b>*</b>
             <tr><td>Ville :<td><input type="text" name="t8"><font size='4' color='red'><b>*</b>
              <tr><td>e-mail :<td><input type="text" name="t9"><font size='4' color='red'><b>*</b>
      </table><br>
      <input type="submit" value="Valider" onClick="controle()">
        <input type="reset" value="Annuler"><br><br><br><br>
     <font size='4' color='red'><b>*</font> champs obligatoires</b>
      </FORM>
 
 
 
 
 
 
     <SCRIPT LANGUAGE="JavaScript">
<!--
	function controle()
	{
 
if((document.forms[0].t1.value=="")||(document.forms[0].nom.value=="")||(document.forms[0].ville.value=="")||(document.forms[0].code.value=="")||(document.forms[0].mail.value=="")){
 
alert("il faut saisir les champs obligatoire ");
}
 
if((document.forms[0].mail.value.indexOf('@')==-1)||(document.forms[0].mail.value.indexOf('.')==-1))
{alert("e-mail incorrect");
}
 
 
if(isNaN(Number(document.forms[0].code.value)))
{
alert("code postal doit etre un entier ");
}
}
 
//-->
</SCRIPT>
 
 
 
  </body>
</html>

le probleme c'est lorsque je trouve les exception exprimé au niveau du javascript je veux que l'action qui existe au niveau de Submit qu'elle ne s'execute pas
merci d'avance

Pas trop compris l'histoire du jus d'fruits, mais bon, pour ne pas submit un formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<form onsubmit="return testFields(this);">
</form>
 
<script type="text/javascript">
function testFields(oDomForm)
{
     var bErrorFound = false;
 
     // tester si ya des erreurs....
     (....)
 
     if (bErrorFound == true)
     {
         alert('erreur sur le formulaire, il ne sera pas submité');
         return false;
     }
     return true;
}
</script>

14/06/2009, 19h26
Boa67

Bonjour,
En complément du post précédent, il y a une petite erreur
Ce n'est pas

Code:

* champs obligatoires

mais plutôt

Code:

* champs obligatoires

Bonne soirée

désolé mais j'ai trop bien compri ce code :roll:

Citation:

Envoyé par Lideln75

Pas trop compris l'histoire du jus d'fruits, mais bon, pour ne pas submit un formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<form onsubmit="return testFields(this);">
</form>
 
<script type="text/javascript">
function testFields(oDomForm)
{
     var bErrorFound = false;
 
     // tester si ya des erreurs....
     (....)
 
     if (bErrorFound == true)
     {
         alert('erreur sur le formulaire, il ne sera pas submité');
         return false;
     }
     return true;
}
</script>

14/06/2009, 21h15
Lideln75

Citation:

* champs obligatoires

D'ailleurs j'ajouterais qu'il faut utiliser les CSS...

Citation:

désolé mais j'ai trop bien compri ce code

Merci déjà ? Bref pas grave :)

Alors ce code... Et bien pour ta form (j'ai zappé par flemme les attributs method, etc), tu dois lui affecter un écouteur d'événement "onsubmit", qui intervient quand l'utilisateur tente de valider le formulaire.
A ce moment là, tu peux vérifier tous tes champs (ne pas oublier de le faire SURTOUT côté PHP), et si jamais il y a une erreur, tu return false, et du coup le formulaire n'est pas envoyé. Si tu return true, le formulaire est envoyé.

Et bien sûr il faut faire 'onsubmit="return myFunction();"' (le return est important) car si tu écris 'onsubmit="myFunction();"', ton return false dans la fonction n'aura tout simplement aucun effet.

Voilà, j'espère que c'est plus clair ainsi :)
15/06/2009, 08h33
SpaceFrog

On a pourtant mis un petit topo sur les formulaires dans les contributions:
http://www.developpez.net/forums/d55...ion+formulaire