un petit souci submit d'un fomulaire

**faamugol** · 25/11/2004, 19h56

Salut chers membres ,

J'ai besoin d'envoyer un formulaire (fjoindre) apres m'etre assuré que tous les champs sont bien remplis. Ce control je veux le faire coté navigateur. Mais voilà en passant par javascript, le formulaire n'est pas posté en utilisant les actions suivantes:.

document.fjoindre.action= "joindre.asp" ;
document.fjoindre.submit();

joindre.asp

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
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT type = "text/javascript"> 
 
 function verif_date_nais() {
 
	document.fjoindre.action= "joindre.asp";           
 
	document.fjoindre.submit(); 
 
} // end of function
 
</script>
</HEAD>
<BODY>
<P>
<TABLE id=TABLE1 style="WIDTH: 700px; HEIGHT: 290px" cellSpacing=1 cellPadding=1 border=0>
    <%
		Session("status") = "joindre"
	%>
	<!--#include file="../layout/header.inc"-->
 
  <TR>
    <TD>&nbsp;&nbsp;&nbsp; </TD>
    <TD style="WIDTH: 300px" valign=top>
    <!--#include file="../layout/menu_navigation.inc"-->
    </TD>
    <TD vAlign=top colSpan=2><BR>
    <%
 
	if Request("btnSubmit") <> "" Then   
         Dim nom, prenom, jour, mois, annee, sexe, tel, email, website, photo
 
	     Response.Write "nom=" & Request("nom")
	     if len(nom) = 0 then
			  error_msg = "<li>Saisir votre nom s.v.p.</li><br>"
         end if  
 
		 if len(error_msg) > 0 then ' // l'un des champs n'a pas été rempli
		     Response.write "<font color=red>Votre adhésion ne peut pas être effective parce que vous devez encore:<br><br>"
			 Response.write error_msg & "</font>"
			 Response.write "<br> cliquez sur <a href = javascript:history.back(1)>retour</a> et remplissez tous les champs.<br><br>"
         else ' tous les champs sont remplis, on prepare l'envoi de l'email.
          'insert into db
		end if ' tous les champs ont été remplis	
	else ' //montrer le formulaire
	%>
      <P>
      <FORM id= "fc" name="fjoindre" action='' method='POST'>
      <TABLE>       
        <TR><TD>Nom: </TD><TD><INPUT size=30 name="nom"></TD></TR>
 
 
        <TR><TD></TD>
          <TD>
 
          <INPUT type="button" value="Envoyer" name="btnSubmit" Onclick = "document.fjoindre.submit();">
 
           <INPUT type="reset" value="Effacer tout" name="effacer">
          </TD>
        </TR></TABLE>
 
    </FORM>
      <% end if %></P></TD></TR>
  <TR><!--#include file="../layout/footer.inc"--></TR></TABLE>
 
</BODY>
</HTML>

merci d'avance pour vos suggestions

**pc75** · 26/11/2004, 09h11

Bonjour,
Un truc me gêne :

Dans ton formulaire tu lance un submit():

Code :

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

1
2
 
<INPUT type="button" value="Envoyer" name="btnSubmit" Onclick = "document.fjoindre.submit();">

Or, ton formulaire n'a pas d'action :

Code :

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

1
2
 
<FORM id= "fc" name="fjoindre" action='' method='POST'>

Donc ta fonction verif_date_nais() n'est jamais appelée

Tu dois faire :

Code :

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

1
2
 
<INPUT type="button" value="Envoyer" name="btnSubmit" Onclick = "verif_date_nais()">

**thor22** · 26/11/2004, 18h08

Ce que je te suggère:

Code :

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

<FORM id= "fc" name="fjoindre" action='' method='POST' onsubmit="verif_date_nais()">

Code :

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

<INPUT type="submit" value="Envoyer" name="btnSubmit">

Ça devrait bien fonctionner.

**faamugol** · 27/11/2004, 01h00

merci pc75 et thor22 pour vos reactions..

je vous donne ici la page entiere..

le probleme est que maintenant meme si le formulaire est bien rempli , il n'est pas POSTé c a dire l'instruction :

<%
if Request("btnSubmit") <> "" Then n'est jamais vraie

mais si je remplace <INPUT type="button" value="Envoyer" name="btnSubmit" OnClick = "verif_date_nais();">

par :

<INPUT type="submit" value="Envoyer" name="btnSubmit" OnClick = "verif_date_nais(this.form);">

là le formulaire est POSTé meme s'il n'est pas rempli..

j'ai besoin de votre cout de main

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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
 <HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT language=javascript>
var Mois = new Array(12)
 
	Mois[0] = "Janvier"
	Mois[1] = "Février"
	Mois[2] = "Mars"
	Mois[3] = "Avril"
	Mois[4] = "Mai"
	Mois[5] = "Juin"
	Mois[6] = "Juillet"
	Mois[7] = "Août"
	Mois[8] = "Septembre"
	Mois[9] = "Octobre"
	Mois[10] = "Novembre"
	Mois[11] = "Décembre"
//***************************************************
 function verif_date_nais() {
 //datum van
 
  var jour = document.fjoindre.jour.value;
  var mois = document.fjoindre.mois.value;
  var annee = document.fjoindre.annee.value;
   if (document.fjoindre.jour.value!= 'jour') {
        if (document.fjoindre.mois.value!='mois') {
             if (document.fjoindre.annee.value!='annee') {
 
 
							    // controleren of een maand niet meer dagen heeft dan normaal
							      tt= Validdate(jour,mois,annee);
 
							      if (Validdate(jour,mois,annee)) {
							       document.fjoindre.action = "joindre.asp";	
							       document.fjoindre.submit();	              
							       }       					      
				//------------------------------
               } else alert('Vous devez choisir votre année de naissance.');
        } else alert('Vous devez choisir votre mois de naissance.');
 
    }else alert('Vous devez choisir votre jour de naissance.');
 }// end function
//**********************************************************
 function Validdate(jour,mois,annee) {
   var resultat
 
   resultat = true;
   if ((mois==4 || mois==6 || mois==9 || mois==11) && jour ==31) {
			alert("Le mois de  "+Mois[mois-1]+" n'a pas 31 jours!");
			resultat = false;
	}else {
	     if (mois == 2) { // check for february 29th
			var isleap = (annee % 4 == 0 && (annee % 100 != 0 || annee % 400 == 0));
			if (jour>29 || (jour==29 && !isleap)) {
			     alert("Février " + annee + " n'a pas " + jour + " jours!");
			     resultat = false;
	        }
	        else { // All is OK
	            resultat = true;
	        }
	      } // end of if (mois == 2)   
	} 	
  // result 
  return resultat;
 } // end of function
 
 
 
</script>
<link rel="stylesheet" type="text/css"
href="styleSheetmeetdata.css" />
</HEAD>
<BODY>
<P>
<TABLE id=TABLE1 style="WIDTH: 700px; HEIGHT: 290px" cellSpacing=1 cellPadding=1 
border=0><%
		Session("status") = "joindre"
	%><!--#include file="../layout/header.inc"-->
 
  <TR>
    <TD>&nbsp;&nbsp;&nbsp; </TD>
    <TD style="WIDTH: 300px" vAlign=top>
    <!--#include file="../layout/menu_navigation.inc"-->
    </TD>
    <TD vAlign=top colSpan=2><BR>
    <%
	if Request("btnSubmit") <> "" Then   
         Dim nom, prenom, jour, mois, annee, sexe, tel, email, website, photo
 
	     if len(Request("nom")) = 0 then
			  error_msg = "<li>Saisir votre nom s.v.p.</li><br>"
         end if
		 prenom = Request("prenom")
	     if len(prenom) = 0 then
			  error_msg = error_msg & "<li>Saisir votre prenom s.v.p.</li><br>"
         end if
		 jour = Request("jour")
	     if len(jour) = 0 then
			  error_msg = error_msg &  "<li>Saisir votre jour de naissance s.v.p.</li><br>"
         end if
		 mois = Request("mois")
	     if len(mois) = 0 then
			  error_msg = error_msg & "<li>Saisir votre mois de naissance s.v.p.</li><br>"
         end if
		 annee= Request("annee")
	     if len(annee) = 0 then
			  error_msg = error_msg &  "<li>Saisir votre année de naissance s.v.p.</li><br>"
         end if
		 sexe = Request("sexe")
	     if len(sexe) = 0 then
			  error_msg = error_msg &  "<li>Saisir votre sexe s.v.p.</li><br>"
         end if
		 tel = Request("tel")
	     if len(tel) = 0 then
			  error_msg = error_msg &  "<li>Saisir votre numero de téléphone s.v.p.</li><br>"
         end if
		 email = Request("email")
	     if len(email) = 0 then
			  error_msg = error_msg & "<li>Saisir votre e-mail s.v.p.</li><br>"
	     end if
		 'website = Request("website")
	     'if len(website) = 0 then
		 '	 error_msg = error_msg &  "Saisir l\'adresse de votre website s.v.p.<br>"
	     'end if
		 nom_foto = Request("nom_foto")
 
		  pays = Request("pays")
		  if len(pays) = 0 then
			  error_msg = error_msg & "<li>Selectionner votre pays de résidence s.v.p.</li><br>"
	      end if 
		  fonction = Request("fonction")
		  if len(fonction) = 0 then
			  error_msg = error_msg & "<li>Saisir votre fonction actuelle s.v.p.</li><br>"
	      end if
		  formation = Request("formation")
		  if len(formation) = 0 then
			  error_msg = error_msg & "<li>Saisir votre formation professionnelle s.v.p.</li><br>"
	      end if '
 
		  if len(error_msg) > 0 then ' // l'un des champs n'a pas été rempli
		     Response.write "<font color=red>Votre adhésion ne peut pas être effective parce que vous devez encore:<br><br>"
			 Response.write error_msg & "</font>"
			 Response.write "<br> cliquez sur <a href = javascript:history.back(1)>retour</a> et remplissez tous les champs.<br><br>"
          else ' tous les champs sont remplis, on prepare l'envoi de l'email.
 
 
		  end if ' tous les champs ont été remplis	
	else ' //montrer le formulaire
	%>
      <P>
 
      <FORM id="fc" name="fjoindre" action='' method="post">
 
      <TABLE>
 
        <TR bgColor=lightblue>
          <TD align=middle colSpan=2><STRONG><FONT color=#0000e>Ci-dessous, veuillez remplir s.v.p le formulaire d'adhésion au </FONT><FONT color=red>RE.CO.GUI.</FONT></STRONG></TD></TR>
        <TR> <TD colSpan=2></TD></TR>
 
        <TR><TD colSpan=2>Avec ce compte et mot de passe vous pouvez accedez au forum.</TD></TR>
        <TR><TD>compte</TD><TD><INPUT size=30 name=compte></TD></TR>
        <TR><TD>Mot de passe </TD><TD><INPUT size=30 name=mpasse>&nbsp; (min. 6 caractères)</TD></TR>
        <TR><TD>Confirmer mot de passe: </TD><TD><INPUT  size=30 name=mpasseconf></TD></TR>
        <TR><TD colSpan=2><HR></TD></TR>
        <TR><TD>Nom: </TD><TD><INPUT size=30 name="nom"></TD></TR>
        <TR><TD>Prénom: </TD><TD><INPUT size=30 name=prenom></TD></TR>
        <TR><td>Date de <br>naissance</td><td>
			<select name = 'jour' value = '<%=jour%>'>
				<option value = "jour"/>-jour-						 
				<script type = "text/javascript">
					for (var x=1; x<=31; x++) {
						if ("<%=jour%>" == x) {							
							document.write("<option selected value = '" + x + "' />" + x);
						} else {
							document.write("<option value = '" + x + "' />" + x);
						}
					}
				</script>
			</select>
 
			<select name = 'mois' value = '<%=mois%>'>
				<option value = 'mois' />-mois-
				<script type = "text/javascript">
					for (var x=1; x<=12; x++) {
						if ("<%=mois%>" == x) {							
							document.write("<option selected value = '" + x + "' />" + Mois[x-1]);
						} else {
							document.write("<option value = '" + x + "' />" + Mois[x-1]); //months 0-11 in JS
						}
					}
				</script>
			</select>
 
			<select name = 'annee' value = '<%=annee%>'>
				<option value = 'annee' />-année-
			    <script type = "text/javascript">
					var currentdate = new Date();
					var thisyear = currentdate.getYear(); 
					for (var x=thisyear-18; x>=1930; x--) {
						if ("<%=annee%>" == x) {							
							document.write("<option selected value = '" + x + "' />" + x);
						} else {
							document.write("<option value = '" + x + "' />" + x);
						}
				    }
				</script>
			</select>
		</td></TR>
        <TR><TD>Sexe:</TD><TD><SELECT name=sexe><OPTION value="" selected>---<OPTION 
              value=homme>masculin<OPTION 
        value=femme>féminin</OPTION></SELECT></TD></TR>
        <TR><TD>Tél: </TD><TD><INPUT size=30 name=tel></TD></TR>
        <TR><TD>E-mail:</TD><TD><INPUT size=30 name=email></TD></TR>
        <TR><TD>Site web:</TD><TD><INPUT size=30 value=http:// name=website></TD></TR>
        <TR><TD>Votre photo:</TD>
            <TD><INPUT type=file 
            accept=image/jpeg,image/gif,image/png,image/tiff,image/ico 
            name=nom_foto> (taille max.200 Ko)</TD></TR>
 
        <TR>
          <TD>Fonction actuelle </TD>
          <TD><INPUT size=30 name=fonction></TD></TR>
        <TR>
          <TD vAlign=top>Formation &amp; <BR>Experience professionnelle:</TD>
          <TD><TEXTAREA onfocus="" name=formation rows=7 cols=50></TEXTAREA> 
          </TD></TR>
        <TR><TD></TD>
          <TD>
          <INPUT type="button" value="Envoyer" name="btnSubmit" OnClick = "verif_date_nais();">
 
           <INPUT type="reset" value="Effacer tout" name="effacer">
          </TD>
        </TR></TABLE><INPUT 
      type=hidden name=hidden_land>
    </FORM>
      <% end if %></P></TD></TR>
  <TR><!--#include file="../layout/footer.inc"--></TR></TABLE></P>
 
</BODY>
</HTML>

merci d'avance pour vos idees.

**Immobilis** · 27/11/2004, 12h13

Je n'ai pas regardé tout ton code, il est un peu long.
Tu aurais du poster du coté javascript.

Ceci dit voici un indice.

J'utilise aussi un script javasscript pour verifier mes formulaires. Cependant, je ne place pas l'appel de mon script au mm endroit. De plus, je demande à ce que la valeur me soit retournée (... return...).

Code :

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

<form action="result.asp" method="post" name="form" onSubmit="return submitonce(this)">

Submitonce est le nom de mon script que 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
<script>
function submitonce(theform)
{
	//if IE 4+ or NS 6+
	if (document.all||document.getElementById)
	{	
		var oneselected = false;
		var checkexists = false;
		for (i=0;i<theform.length;i++)
		{		
			var tempobj = theform.elements[i];
			if(tempobj.type.toLowerCase() == 'text')
			{	if (tempobj.value == '')
				{	alert("Text fields are required.");
					tempobj.focus();	
					return false;
				}
				if (tempobj.name.toLowerCase() == 'txtrevenu')
				{
 
				}
			} else if(tempobj.type.toLowerCase() == 'select-one' && tempobj.value == 0)
				{	alert("You must select an item from the drop down menu.");
					tempobj.focus();	
					return false;
				} else if(tempobj.type.toLowerCase() == 'file' && tempobj.value == '')
						{	//alert("Please select a file to be downloaded.");
							//tempobj.focus();	
							//return false;
						} else if(tempobj.type.toLowerCase() == 'radio' && tempobj.checked == true)
							{	checkexists = true;
								oneselected = true;
								break;
							}
		}
		if(!oneselected && checkexists)
		{	alert("Select at least one radio button.");
			return false;
		}
	}
}
</script>

C'est un script qui scan tous les champs et verifie cetaines conditions. Si tu veux des détails n'hesite pas.

A+

un petit souci submit d'un fomulaire

ASP

Discussions similaires

Partager

Partager