Tom's Guide > Forum > Programmation > script de style vs. fonction java pour un formulaire

script de style vs. fonction java pour un formulaire

Forum Programmation : script de style vs. fonction java pour un formulaire

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
Jeude   20-03-2006 à 10:53:46

Bonjour à tous,
Je travaille sur un formulaire d'insertion dans une base de donnée. Mon formulaire est vérifié par une fonction javascript qui vérifie que les champs ne sont pas vides ou erronés; au quel cas, un pop-up s'affiche pour avertir l'utilisateur.
Mais alors que j'ai intégré ce code dans une page contenant un script css, ma fonction ne s'exécute plus ou ne voit pas les champs vides.
Pour essayer de faire quelques choses, j'ai modifié l'ordre des fonctions javascripts et les css sans amélioration.

Vous avez une idée..?

Merci d'avance

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Zermaito   20-03-2006 à 11:05:36
- 0 +

Salut,
Tu pourrais me montrer la source pour voir s'il y a une erreur.
Sinon tu peux déjà mettre le css dans un fichier externe.

Répondre à Zermaito
Jeude   20-03-2006 à 11:11:26
- 0 +

Code :
  1. <html>
  2. <head>
  3. <title>Centre multimédia de Solidarité</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script type="text/JavaScript">
  8. <!--fonction vérifie la validité des champs saisis par l'utilisateur
  9. function verif_formulaire()
  10. {
  11. if(document.crea.nom.value  == "" )  {
  12.   alert("Veuillez entrer votre nom!" );
  13.   document.crea.nom.focus();
  14.   return false;
  15.   }
  16. if(document.crea.pnom.value == "" ) {
  17.   alert("Veuillez entrer votre prénom!" );
  18.   document.crea.pnom.focus();
  19.   return false;
  20.   }
  21. if(document.crea.email.value == "" ) {
  22.   alert("Veuillez entrer votre adresse électronique!" );
  23.   document.crea.email.focus();
  24.   return false;
  25.   }
  26. if(document.crea.email.value.indexOf('@') == -1) {
  27.   alert("Ce n'est pas une adresse électronique!" );
  28.   document.crea.email.focus();
  29.   return false;
  30.   }
  31. if(document.crea.adr.value == "" ) {
  32.   alert("Veuillez entrer votre adresse!" );
  33.   document.crea.adr.focus();
  34.   return false;
  35.   } 
  36.   if(document.crea.cp.value == "" ) {
  37.   alert("Veuillez entrer votre code postal!" );
  38.   document.crea.cp.focus();
  39.   return false;
  40.   }
  41. var chkZ = 1;
  42. for(i=0;i<document.crea.cp.value.length;++i)
  43.   if(document.crea.cp.value.charAt(i) < "0"
  44.   || document.crea.cp.value.charAt(i) > "9" )
  45.     chkZ = -1;
  46. if(chkZ == -1) {
  47.   alert("Cette mention n'est pas un code postal!" );
  48.   document.crea.cp.focus();
  49.   return false;
  50.   }
  51. if(document.crea.ville.value == "" ) {
  52.   alert("Veuillez entrer votre ville!" );
  53.   document.crea.ville.focus();
  54.   return false;
  55.   }
  56. if(document.crea.pseudo.value == "" )  {
  57.   alert("Veuillez entrer votre nom d'utilisateur!" );
  58.   document.crea.pseudo.focus();
  59.   return false;
  60.   }
  61. if(document.crea.mdp.value == "" ) {
  62.   alert("Veuillez entrer votre mot de passe!" );
  63.   document.crea.mdp.focus();
  64.   return false;
  65.   }
  66.   if(document.crea.mdp2.value == "" ) {
  67.   alert("Veuillez entrer votre mot de passe de confirmation!" );
  68.   document.crea.mdp2.focus();
  69.   return false;
  70.   }
  71.   if(document.crea.mdp2.value != document.crea.mdp.value) {
  72.   alert("Veuillez entrer le même mot de passe pour confirmation!" );
  73.   document.crea.mdp2.focus();
  74.   return false;
  75.   }
  76.   if(document.crea.naiss.value != "" ) {
  77.     if(){
  78.     alert("Veuillez entrer votre mot de passe de confirmation!" );
  79.     document.crea.mdp2.focus();
  80.     return false;
  81.     }
  82.   }
  83. }
  85. <!--
  86. function MM_preloadImages() { //v3.0
  87.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  88.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  89.     if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  90. }
  91. //-->
  92. </script>
  93. <style type="text/css">
  94. <!--
  95. .form {
  96.     font-family: Verdana, Arial, Helvetica, sans-serif;
  97.     font-size: 9px;
  98.     color: #000000;
  99. }
  100. .menu {
  101.     font-family: Verdana, Arial, Helvetica, sans-serif;
  102.     font-size: 10px;
  103.     font-weight: bold;
  104.     color: #FFFFFF;
  105. }
  106. a.menu:link {
  107.     font-family: Verdana, Arial, Helvetica, sans-serif;
  108.     font-size: 10px;
  109.     font-weight: bold;
  110.     color: #FFFFFF;
  111.     text-decoration: none;
  112. }
  113. a.menu:visited {
  114.     font-family: Verdana, Arial, Helvetica, sans-serif;
  115.     font-size: 10px;
  116.     font-weight: bold;
  117.     color: #FFFFFF;
  118.     text-decoration: none;
  119. }
  120. a.menu:hover {
  121.     font-family: Verdana, Arial, Helvetica, sans-serif;
  122.     font-size: 10px;
  123.     font-weight: bold;
  124.     color: #FFFF33;
  125.     text-decoration: underline;
  126. }
  127. -->
  128. </script>
  129. <style type="text/css">
  130. <!--
  131. .CAH {
  132.     font-family: Verdana, Arial, Helvetica, sans-serif;
  133.     font-size: 10px;
  134.     font-weight: bold;
  135.     color: #CCCCCC;
  136.     text-decoration: none;
  137. }
  138. a.CAH:hover {
  139.     font-family: Verdana, Arial, Helvetica, sans-serif;
  140.     font-size: 10px;
  141.     font-weight: bold;
  142.     color: #FFFFFF;
  143.     text-decoration: underline;
  144. }
  145. a.CAH:link {
  146.     font-family: Verdana, Arial, Helvetica, sans-serif;
  147.     font-size: 10px;
  148.     font-weight: bold;
  149.     color: #CCCCCC;
  150.     text-decoration: none;
  151. }
  152. .lien2 {
  153.     font-family: Verdana, Arial, Helvetica, sans-serif;
  154.     font-size: 10px;
  155.     text-decoration: none;
  156.     color: #666666;
  157. }
  158. a.lien2:hover {
  159.     font-family: Verdana, Arial, Helvetica, sans-serif;
  160.     font-size: 10px;
  161.     color: #FF9900;
  162. }
  163. -->
  164. </style>
  168. </head>
  170. <body topmargin="0" onLoad="MM_preloadImages('images/btn_connexionOver.jpg')">
  171. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  172.     <tr>
  173.         <td><div align="center"><img src="images/visuelAccueil_01.jpg" width="800" height="104"></div></td>
  174.     </tr>
  175.     <tr>
  176.         <td> <!-- InstanceBeginEditable name="menuTable" -->
  177.             <table width="800" height="26" border="0" cellpadding="0" cellspacing="0" background="images/visuelAccueil_02.jpg">
  178.                 <tr class="menu">
  179.                     <td width="120">
  180.                         <div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="index.htm" class="menu">Accueil</a></strong></font></div></td>
  181.                     <td width="146">
  182.                         <div align="center" class="menu"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="catalogue.htm" class="menu">Catalogue
  183.                         Formations</a></strong></font></div></td>
  184.                     <td width="133">
  185.                         <div align="center" class="menu"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="agenda.htm" class="menu">Agenda</a></strong></font></div></td>
  186.                     <td width="100">
  187.                         <div align="center" class="menu"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="tarifs.htm" class="menu">Tarifs</a></strong></font></div></td>
  188.                     <td width="133">
  189.                         <div align="center" class="menu"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="clicCheese.htm" class="menu">Clic
  190.                         & Cheese</a></strong></font></div></td>
  191.                     <td width="168">
  192.                         <div align="center" class="menu"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="bourse.htm" class="menu">Bourse
  193.                         des compétences</a></strong></font></div></td>
  194.                 </tr>
  195.           </table>
  196.           <!-- InstanceEndEditable --></td>
  197.     </tr>
  198.     <tr>
  199.         <td>
  200.         <table width="800" border="0" cellpadding="0" cellspacing="0">
  201.             <tr>
  202.                 <td width="183"><!-- InstanceBeginEditable name="mainTable" -->
  203.                     <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  204.                         <tr>
  205.                             <td>
  206.                                 <p> </p>
  207.                                 <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="border-width:1px; border-color:#0099CC; border-style:solid;">
  208.                                     <form name="crea" method="post" onSubmit="return verif_formulaire()" action="insertion.php">
  209.                                     <tr>
  210.                                         <td colspan="3" bgcolor="#0099CC">
  211.                                             <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><strong>Formulaire d'inscription</strong></font></div>
  212.                                         </td>
  213.                                     </tr>
  214.                                     <tr>
  215.                                         <td> </td>
  216.                                         <td> </td>
  217.                                         <td> </td>
  218.                                     </tr>
  219.                                     <tr>
  220.                                         <td> </td>
  221.                                         <td> </td>
  222.                                         <td> </td>
  223.                                     </tr>
  224.                                     <tr>
  225.                                         <td width="280"><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Nom</strong><font color="#FF0000">*</font></font></div></td>
  226.                                         <td width="20"> </td>
  227.                                         <td width="300"><input type="text" name="nom" style="height:18px;font-size : 12px"></td>
  228.                                     </tr>
  229.                                     <tr>
  230.                                         <td height="5" colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  231.                                     </tr>
  232.                                     <tr>
  233.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Prénom</strong><font color="#FF0000">*</font></font></div></td>
  234.                                         <td> </td>
  235.                                         <td><input type="text" name="pnom" style="height:18px; font-size : 12px"></td>
  236.                                     </tr>
  237.                                     <tr>
  238.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  239.                                     </tr>
  240.                                     <tr>
  241.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Courriel</strong><font color="#FF0000">*</font></font></div></td>
  242.                                         <td> </td>
  243.                                         <td><input type="text" name="email" style="height:18px; font-size : 12px"></td>
  244.                                     </tr>
  245.                                     <tr>
  246.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  247.                                     </tr>
  248.                                     <tr>
  249.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Adresse</strong><font color="#FF0000">*</font></font></div></td>
  250.                                         <td> </td>
  251.                                         <td><input type="text" name="adr" style="height:18px; font-size : 12px"></td>
  252.                                     </tr>
  253.                                     <tr>
  254.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  255.                                     </tr>
  256.                                     <tr>
  257.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Code postal</strong> <font color="#FF0000">*</font></font></div></td>
  258.                                         <td> </td>
  259.                                         <td><input type="text" maxlength=5 name="cp" style="height:18px; font-size : 12px"></td>
  260.                                     </tr>
  261.                                     <tr>
  262.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  263.                                     </tr>
  264.                                     <tr>
  265.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ville</strong><font color="#FF0000">*</font></font></div></td>
  266.                                         <td> </td>
  267.                                         <td><input type="text" name="ville" style="height:18px; font-size : 12px"></td>
  268.                                     </tr>
  269.                                     <tr>
  270.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  271.                                     </tr>
  272.                                     <tr>
  273.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Téléphone fixe</font></div></td>
  274.                                         <td> </td>
  275.                                         <td><input type="text" maxlength=10 name="tel" style="height:18px; font-size : 12px"></td>
  276.                                     </tr>
  277.                                     <tr>
  278.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  279.                                     </tr>
  280.                                     <tr>
  281.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Téléphone portable</font></div></td>
  282.                                         <td> </td>
  283.                                         <td><input type="text" maxlength=10 name="port" style="height:18px; font-size : 12px"></td>
  284.                                     </tr>
  285.                                     <tr>
  286.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  287.                                     </tr>
  288.                                     <tr>
  289.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Télécopie</font></div></td>
  290.                                         <td> </td>
  291.                                         <td><input type="text" maxlength=10 name="telec" style="height:18px; font-size : 12px"></td>
  292.                                     </tr>
  293.                                     <tr>
  294.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  295.                                     </tr>
  296.                                     <tr>
  297.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Date de naissance</font></div></td>
  298.                                         <td> </td>
  299.                                         <td>
  300.                                             <select style="height:18px; font-size : 12px" tabindex="6" name="jour" size="1">
  301.                                                 <option value="v"></option>
  302.                                                 <option value="01">01</option>
  303.                                                 <option value="02">02</option>
  304.                                                 <option value="03">03</option>
  305.                                                 <option value="04">04</option>
  306.                                                 <option value="05">05</option>
  307.                                                 <option value="06">06</option>
  308.                                                 <option value="07">07</option>
  309.                                                 <option value="08">08</option>
  310.                                                 <option value="09">09</option>
  311.                                                 <option value="10">10</option>
  312.                                                 <option value="11">11</option>
  313.                                                 <option value="12">12</option>
  314.                                                 <option value="13">13</option>
  315.                                                 <option value="14">14</option>
  316.                                                 <option value="15">15</option>
  317.                                                 <option value="16">16</option>
  318.                                                 <option value="17">17</option>
  319.                                                 <option value="18">18</option>
  320.                                                 <option value="19">19</option>
  321.                                                 <option value="20">20</option>
  322.                                                 <option value="21">21</option>
  323.                                                 <option value="22">22</option>
  324.                                                 <option value="23">23</option>
  325.                                                 <option value="24">24</option>
  326.                                                 <option value="25">25</option>
  327.                                                 <option value="26">26</option>
  328.                                                 <option value="27">27</option>
  329.                                                 <option value="28">28</option>
  330.                                                 <option value="29">29</option>
  331.                                                 <option value="30">30</option>
  332.                                                 <option value="31">31</option>
  333.                                             </select>
  334.                                             <select style="height:18px; font-size : 12px" tabindex="7" name="mois" size="1">
  335.                                                 <option value="v"></option>
  336.                                                 <option value="01">01</option>
  337.                                                 <option value="02">02</option>
  338.                                                 <option value="03">03</option>
  339.                                                 <option value="04">04</option>
  340.                                                 <option value="05">05</option>
  341.                                                 <option value="06">06</option>
  342.                                                 <option value="07">07</option>
  343.                                                 <option value="08">08</option>
  344.                                                 <option value="09">09</option>
  345.                                                 <option value="10">10</option>
  346.                                                 <option value="11">11</option>
  347.                                                 <option value="12">12</option>
  348.                                             </select>
  349.                                             <select style="height:18px; font-size : 12px" tabindex="8" name="annee" size="1">
  350.                                                 <option value="v"></option>
  351.                                                 <?$i=1900;
  352.                                                 while($i<2006)
  353.                                                 {$i=$i+1;?>
  354.                                                     <option value="<? echo $i;?>"><? echo $i;?></option><?
  355.                                                 };?>
  356.                                             </select>
  357.                                         </td>
  358.                                     </tr>
  359.                                     <tr>
  360.                                         <td> </td>
  361.                                         <td> </td>
  362.                                         <td> </td>
  363.                                     </tr>
  364.                                     <tr>
  365.                                         <td> </td>
  366.                                         <td> </td>
  367.                                         <td> </td>
  368.                                     </tr>
  369.                                     <tr>
  370.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Nom d'utilisateur</strong> <font color="#FF0000">*</font></font></div></td>
  371.                                         <td> </td>
  372.                                         <td><input type="text" name="pseudo" style="height:18px; font-size : 12px"></td>
  373.                                     </tr>
  374.                                     <tr>
  375.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  376.                                     </tr>
  377.                                     <tr>
  378.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Mot de passe</strong> <font color="#FF0000">*</font></font></div></td>
  379.                                         <td> </td>
  380.                                         <td><input type="password" name="mdp" style="height:18px; font-size : 12px"></td>
  381.                                     </tr>
  382.                                     <tr>
  383.                                         <td colspan="3"><img src="images/spacer.gif" width="1" height="10"></td>
  384.                                     </tr>
  385.                                     <tr>
  386.                                         <td><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Confirmation mot de passe</strong> <font color="#FF0000">*</font></font></div></td>
  387.                                         <td> </td>
  388.                                         <td><input type="password" name="mdp2" style="height:18px; font-size : 12px"></td>
  389.                                     </tr>
  390.                                     <tr>
  391.                                         <td> </td>
  392.                                         <td> </td>
  393.                                         <td> </td>
  394.                                     </tr>
  395.                                     <tr>
  396.                                         <td colspan="3"><div align="center"><font color="#FF0000" size="2" face="Verdana, Arial, Helvetica, sans-serif">*</font><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
  397.                                             Les champs marqués d'une astérisque
  398.                                             doivent obligatoirement être remplis</font></div></td>
  399.                                     </tr>
  400.                                     <tr>
  401.                                         <td> </td>
  402.                                         <td> </td>
  403.                                         <td> </td>
  404.                                     </tr>
  405.                                     <tr>
  406.                                         <td colspan="3">
  407.                                             <tr>
  408.                                                 <td width="275">
  409.                                                     <div align="right"><input type="reset" value="Effacer" style="height:20px; font-size:12px"></div>
  410.                                                 </td>
  411.                                                 <td width="50"> </td>
  412.                                                 <td width="275">
  413.                                                     <input type="submit" value="Envoyer" style="height:20px; font-size:12px">
  414.                                                 </td>
  415.                                             </tr>
  416.                                         </td>
  417.                                     </tr>
  418.                                     <tr>
  419.                                         <td> </td>
  420.                                         <td> </td>
  421.                                         <td> </td>
  422.                                     </tr>
  423.                                     </form>
  424.                                 </table>
  425.                             </td>
  426.                         </tr>
  427.                     </table>
  428.                 </td>
  429.             </tr>
  430.         </table>
  431.         </td>
  432.     </tr>
  433. </table>
  434. </body>
  435. <!-- InstanceEnd --></html>



J'y ai pensé pour le fichier externe pas encore fait mais j'y pense de plus en plus là!!! :-x
Dsl pour la taille du code mais tu me l'as demandé!!! ;-)

Répondre à Jeude
Zermaito   20-03-2006 à 11:24:10
- 0 +

Normalement il devrait pas avoir de probleme mais je ne comprent pas pourquoi tu as 2 styles tu peux en faire un seul

Répondre à Zermaito
Jeude   20-03-2006 à 11:45:36
- 0 +

Ouai ça aussi je suis d'accord, j'ai fait la concaténation des 2 mais rien n'a changé.
En revanche, je taf avec un gars en parallèle et il fait la partie graphique du site, il a ajouté les commentaires du style "<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> " qui correspondent à des utilisations de Dreamweaver, mettant à jour toutes les pages lorsqu'on en change une, pour l'aspect graphique.
Au quel cas c'est ça, est ce que tu t'y connais?!

Répondre à Jeude
Zermaito   23-03-2006 à 13:26:53
- 0 +

Non j'ai jamais utiliser ce genre de truc mais normalement tu as pas besoin de faire ca si tu met un css dans un fichier externe car tu peux l'utiliser pour tout les pages.
Comme ça par exemple si tu change le font ca change sur tout les pages.

Répondre à Zermaito
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > script de style vs. fonction java pour un formulaire
Aller à :

Il y a 1955 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,520 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens