Formulaire en php avec du java script

Fermé
spyke31 - 6 mai 2008 à 19:06
 spyke31 - 11 mai 2008 à 18:26
Bonjour,
voila mon code de formulaire
<form id="form1" name="form1" method="post" action="">
<table width="75%" border="0">
<!--DWLayoutTable-->
<tr>
<td width="121" height="28"><div align="left"><span class="Style38">Nom :<span class="Style4">*</span> </span></div></td>
<td colspan="2"><label>
<input name="nom-et" type="text" id="nom-et" size="40"/>
</label></td>
<td width="4"></td>
</tr>
<tr>
<td height="24"><div align="left">Prénom :<span class="Style6">* </span></div></td>
<td colspan="2"><input name="pré" type="text" id="pré" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="21" valign="top"><div align="left">Date de naissance :</div></td>
<td colspan="2" rowspan="2" valign="top"><label>
<select name="select4">
<option value="..." selected="selected">...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</label>
,
<label>
<select name="select">
<option value="--------" selected="selected">-------</option>
<option value="Janvier">Janvier</option>
<option value="Féverier">Féverier</option>
<option value="Mars">Mars</option>
<option value="Avril">Avril</option>
<option value="Mai">Mai</option>
<option value="Join">Join</option>
<option value="Juillet">Juillet</option>
<option value="Aout">Aout</option>
<option value="Septembre">Septembre</option>
<option value="Octobre">Octobre</option>
<option value="Novembre">Novembre</option>
<option value="Décembre">Décembre</option>
</select>
,
<select name="select5">
<option value="..." selected="selected">...</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
</select>
<br />
</label></td><td></td>
</tr>
<tr>
<td rowspan="2"><div align="left">Fonction :<span class="Style6">*</span></div></td>
<td height="3"></td>
</tr>
<tr>
<td height="24" colspan="2" valign="top"><label>
<input name="textfield2" type="text" size="40" />
</label></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Pays :<span class="Style6">*</span></div></td>
<td colspan="2"><div align="left">
     
<select name="select2">
<option value="--------">-------</option>
</select>
</div></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Ville :<span class="Style6">*</span></div></td>
<td colspan="2"><div align="left">
     
<select name="select3">
<option value="--------">-------</option>
</select>
</div></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Identifiant :<span class="Style6">*</span></div></td>
<td colspan="2"><input name="ident22" type="text" id="ident22" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Mot de passe :<span class="Style6">*</span></div></td>
<td colspan="2"><input name="ident2222" type="text" id="ident2222" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="36"><div align="left">
<p>Mot de passe :<span class="Style6">* <span class="Style41">(Confirmation)</span></span></p>
</div></td>
<td colspan="2" valign="top"><label>
<input name="textfield" type="text" size="40" />
</label></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left">Telephone :</div></td>
<td colspan="2" valign="top"><input name="textfield3" type="text" size="40" /></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left">
<div align="left"><span class="Style38">E-mail<span class="Style39">*</span></span></div>
</div></td>
<td colspan="2" valign="top"><input name="textfield4" type="text" size="40" /></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left"><span class="Style38">Niveau<span class="Style39">*</span></span></div></td>
<td colspan="2" valign="top"><input name="textfield42" type="text" size="40" /></td>
<td> </td>
</tr>
<tr>
<td height="62"> </td>
<td width="46"></td>
<td width="261" rowspan="2" valign="top"><p> </p> <p>
<label>
      
<input type="submit" name="Submit2" value="Envoyer" />
</label>
<label>
    
<input type="reset" name="Submit" value="Annuler" />
</label>
</p></td>
<td></td>
</tr>
<tr>
<td height="21" colspan="2" valign="top"><span class="Style4">*</span> indique un champ requis</td>
<td></td>
</tr>
</table>
</form>

je voudrais lui inserer un scipt en javascript pour qu'il m'affiche voila tel champ est vide veuillez le remplire, je me sui deja lancer a le faire mais je suis pas sortie d'affaire.
merci
A voir également:

8 réponses

burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16
7 mai 2008 à 14:33
Hello voici ton code modifié tu dois encore regarder un peu au js pour qu'il fasse ce que tu veux quand ca marche pas
puis je serais toi je donnerais des name et id compréhensible humainement

<script type="text/javascript">
function lire1(tab)
{          
         var chaine = "";
        for(var indice in tab)
          if(indice !='item' && indice !='length' && indice !='namedItem')
          {
           if(tab[indice].value !='') ;
           else
           {
           
           chaine+=tab[indice].id+' est vide \n'; 
            }
            }    
        return chaine;
}

function Verif()
 {
  //comme tu n'utilise que des input et des select nous allons 
  //utilisé une fonction de javascript qui est 
  //meschamps=getElementsByTagName('input') <<< cela retourne un tableau avec
  //tous les inputs
  //meselect=getElementsByTagName('select')
 
  meschamps=document.getElementsByTagName('input');
  meselect=document.getElementsByTagName('select');
  alert('test');
  champsvide=lire1(meschamps);
  selectvide=lire1(meselect);
  if(champsvide.length > 0 || selectvide.length > 0)
  {
  alert(champsvide);
  alert(selectvide);
  }
  else
  {
  alert('tout est ok');
  return true;
  }
 }


</script>

<form id="form1" name="form1" method="post" action="">
<table width="75%" border="0">
<!--DWLayoutTable-->
<tr>
<td width="121" height="28"><div align="left"><span class="Style38">Nom :<span class="Style4">*</span> </span></div></td>
<td colspan="2"><label>
<input name="nom-et" type="text" id="nom-et" size="40"/>
</label></td>
<td width="4"></td>
</tr>
<tr>
<td height="24"><div align="left">Prénom :<span class="Style6">* </span></div></td>
<td colspan="2"><input name="pré" type="text" id="pré" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="21" valign="top"><div align="left">Date de naissance :</div></td>
<td colspan="2" rowspan="2" valign="top"><label>
<select name="select4">
<option value="..." selected="selected">...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</label>
,
<label>
<select name="select">
<option value="--------" selected="selected">-------</option>
<option value="Janvier">Janvier</option>
<option value="Féverier">Féverier</option>
<option value="Mars">Mars</option>
<option value="Avril">Avril</option>
<option value="Mai">Mai</option>
<option value="Join">Join</option>
<option value="Juillet">Juillet</option>
<option value="Aout">Aout</option>
<option value="Septembre">Septembre</option>
<option value="Octobre">Octobre</option>
<option value="Novembre">Novembre</option>
<option value="Décembre">Décembre</option>
</select>
,
<select name="select5">
<option value="..." selected="selected">...</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
</select>
<br />
</label></td><td></td>
</tr>
<tr>
<td rowspan="2"><div align="left">Fonction :<span class="Style6">*</span></div></td>
<td height="3"></td>
</tr>
<tr>
<td height="24" colspan="2" valign="top"><label>
<input name="textfield2" type="text" size="40" />
</label></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Pays :<span class="Style6">*</span></div></td>
<td colspan="2"><div align="left">
     
<select name="select2">
<option value="--------">-------</option>
</select>
</div></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Ville :<span class="Style6">*</span></div></td>
<td colspan="2"><div align="left">
     
<select name="select3">
<option value="--------">-------</option>
</select>
</div></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Identifiant :<span class="Style6">*</span></div></td>
<td colspan="2"><input name="ident22" type="text" id="ident22" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="24"><div align="left">Mot de passe :<span class="Style6">*</span></div></td>
<td colspan="2"><input name="ident2222" type="text" id="ident2222" size="40"/></td>
<td></td>
</tr>
<tr>
<td height="36"><div align="left">
<p>Mot de passe :<span class="Style6">* <span class="Style41">(Confirmation)</span></span></p>
</div></td>
<td colspan="2" valign="top"><label>
<input name="textfield" type="text" size="40" />
</label></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left">Telephone :</div></td>
<td colspan="2" valign="top"><input name="textfield3" type="text" size="40" /></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left">
<div align="left"><span class="Style38">E-mail<span class="Style39">*</span></span></div>
</div></td>
<td colspan="2" valign="top"><input name="textfield4" type="text" size="40" /></td>
<td></td>
</tr>
<tr>
<td height="24" valign="top"><div align="left"><span class="Style38">Niveau<span class="Style39">*</span></span></div></td>
<td colspan="2" valign="top"><input name="textfield42" type="text" size="40" /></td>
<td> </td>
</tr>
<tr>
<td height="62"> </td>
<td width="46"></td>
<td width="261" rowspan="2" valign="top"><p> </p> <p>
<label>
      
<input type="submit" name="Submit2" value="Envoyer" 
onclick="return Verif(); "</label>
<label>
    
<input type="button" name="reset" value="Annuler" />
</label>
</p></td>
<td></td>
</tr>
<tr>
<td height="21" colspan="2" valign="top"><span class="Style4">*</span> indique un champ requis</td>
<td></td>
</tr>
</table>
</form> 



Voila
0
merci bcp de votre aide , j'essayerai de voir le code de plus prés pour le corrigé sinon j'utilise dreamweaver c'est lui qui me code .
0
j'ai fais les ptit changement mais lors de l'apercu je le test et la fenetre du javascript maffiche les données 2 c.a.d nom vide ect... puis elle reaffiche le tout 2fois
0
burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16
8 mai 2008 à 11:39
Bien le bonjour ,

En fait :

function Verif()
{
//comme tu n'utilise que des input et des select nous allons
//utilisé une fonction de javascript qui est
//meschamps=getElementsByTagName('input') <<< cela retourne un tableau avec
//tous les inputs
//meselect=getElementsByTagName('select')

meschamps=document.getElementsByTagName('input');
meselect=document.getElementsByTagName('select');

champsvide=lire1(meschamps);
selectvide=lire1(meselect);
if(champsvide.length > 0 || selectvide.length > 0)
{
tosend=champsvide+selectvide;
alert(tosend);
return false;
}
else
{
alert('tout est ok');
return true;
}
}

Voila qui corrigera ce probleme toutefois ici l'un des test es faux celui concernant les boites select elle ne sont jamais vide puisque tu as mis comme option selectionnée --- ou -------- donc la tu dois encore changé le test
Le mieux serait de testé la valeur et de la comparé a ton selected option si il sont égaux alors l'utilisateur n'as pas selectionné de donnée valide alors pas bon voila j'espère que cela t'aide si tu as encore besoin d'eclaircissement n'hésite pas :d
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
salut, merci pour encore mais voilaa j'ai essayé le ptit script que tu m'a envoyer et j'ai toujours le meme probleme , lors de l'apercu je rempli aucun champ et voila que la fenetre du JS s'ouvre et je trouve les meme remarque répété 2 fois
0
burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16
8 mai 2008 à 18:28
heu cela ne devrait ouvrir qu'une seule fenetre d'alert avec tous les champs vide dedans et un bouton ok en dessous c'est tout
fait plusieurs fois F5 afin de rafraichir ta pâge réellement

et pas utilisé celle du cache
0
il y a juste une seuk fenetre qui souvre mais les champs sont affiché deux fois comme si on avait fait un copier/coller juste apres la fin du dernier champ
0
Burnedsyn, ou se trouve le prob dans le script ou vous m'avez posté , la fenetre du JS affiche tout les champs vide (normal puisque j'ai rien tapé mais il s'affiche comme ca
<localhost>

Nom est vide
Prénom est vide
Fonction est vide
Identifiant est vide
Mot de passe est vide
conf mot de passe est vide
telephone est vide
E-mail est vide
Niveau est vide
Nom est vide
Prénom est vide
Fonction est vide
Identifiant est vide
Mot de passe est vide
conf mot de passe est vide
telephone est vide
E-mail est vide
Niveau est vide .

Merci
0
burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16
11 mai 2008 à 16:30
Hello,
Sorry je n'etais pas présent les derniers jours, pouvez vous me dire avec quel navigateur vous avez ce probleme svp et me reposter tout le code que vous utilisez a cette heure..
Je ne comprend pas car chez moi avec ie et ff cela fonctionne parfaitement...

Merci
0
spyke31 > burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009
11 mai 2008 à 18:26
salut burn , pour le formulaire j'ai reussi a le faire marché mais j'ai une ptite demande , je sais faire le onfocus sur un champ text mais comment mettre tout ca sur une image recherche que j'ai faite sous fireworks.
merci
0