Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1042 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  verification formulaire en Javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

verification formulaire en Javascript

n°1023261
bleuerouge
Posté le 24-03-2005 à 12:23:48  profilanswer
 

bonjour j'ai un formulaire dont je voudrais pouvoir verifier la conformité, hors je n'arrive jamais à en faire valider la conformiter
Le formulaire est envoyer meme quand tous les champs sont vides..
qqun pourait il m'aider S.V.P.
 

Code :
  1. <html>
  2. <head>
  3. <title>Formulaire d'inscription à la Newsletter</title>
  4. <link href="style-formulaire.css" rel="stylesheet" type="text/css">
  5. <script language="javascript">
  6. // Fonction qui verifie que tout les champs sont remplis
  7. function Checkempty()
  8. {
  9. if (
  10.   document.inscription.nane.value=="" ||
  11.   document.inscription.firstname.value=="" ||
  12.   document.inscription.address.value=="" ||
  13.   document.inscription.city.value=="" ||
  14.   document.inscription.zip.value=="" ||
  15.   document.inscription.email.value=="" ||
  16.   document.inscription.exiaone.checked==true ||
  17.   document.inscription.exiatwo.checked==true
  18.  )
  19. {
  20.  alert("Veuillez remplir tous les champs S.V.P." );
  21.  return false;
  22. }
  23. else
  24.  return true;
  25. }
  26. // Fonction de vérification de la conformité du code postal
  27. function Checkzip()
  28. {
  29. if (isNaN(document.getElementsByName("zip" ).value)==true)
  30. {
  31.  return true;
  32. }
  33. else
  34. {
  35. alert("Veuillez entrer un code postal valide S.V.P." );
  36. return false;
  37. }
  38. }
  39. // Fonction de vérification de la conformité du numéro de téléphone
  40. function Checkphone()
  41. {
  42. if (isNaN(document.getElementsByName("phonenubmer" ).value)==true)
  43. {
  44.  return true;
  45. }
  46. else
  47. {
  48. alert("Veuillez entrer un numéro de telephone valide S.V.P." );
  49. return false;
  50. }
  51. }
  52. // Fonction de vérification du contenu du champs mail
  53. function Checkmail(email)
  54. {
  55. if (document.inscription.email.value.indexOf("@" )!=-1 || document.inscription.email.value.indexOf("." )!=-1)
  56. {
  57.  return true;
  58. }
  59. else
  60. {
  61.  alert("Veuillez entrer un Email Valide S.V.P." );
  62.  return false;
  63. }
  64. }
  65. // Fonction de vérification global  
  66. function Envoyer()
  67. {
  68. if (Chekempty() && Checkzip() && Checkphonz() && Checkmail())
  69. return true;
  70. else
  71. return false;
  72. }
  73. </script>
  74. </head>
  75. <body bgcolor="red">
  76. <form name="inscription" method="post" enctype="application/x-www-form-urlencoded" action="mailto:osandel@cesi.fr?subject=Newsletter" OnSubmit="Envoyer(this)">
  77. <table width="90%">
  78. <tr>
  79. <td width="875">
  80. <a href="file://help.html" class="liens">---aide---</a>
  81. </td>
  82. <td colspan="3"><span class="titre"> Formulaire d'inscription</span></td>
  83. </table>
  84. <table width="90%" >
  85.   <tr>
  86.     <td width="14%">Civilité :</td>
  87.     <td width="25%">
  88. <select name="civility" class="champs_inside">
  89.     <option value="1" selected>Monsieur</option>
  90.    <option value="2">Madame</option>
  91.    <option value="3">Mademoiselle</option>
  92. </select>
  93. </td>
  94.   <td colspan="4" rowspan="3"><img src="logocesi.gif"></td>
  95.   </tr>
  96.   <tr>
  97.     <td>Nom :</td>
  98.     <td><input name="name" type="text" class="champs_inside"></td>
  99.   </tr>
  100.   <tr>
  101.     <td>Prénom :</td>
  102.     <td><input name="firsname" type="text" class="champs_inside"></td>
  103.   </tr>
  104.   <tr>
  105.     <td>Adresse :</td>
  106.     <td><input name="address" type="text" class="champs_inside"></td>
  107.     <td width="4%">CP :</td>
  108.     <td width="23%"><input name="zip" type="text" class="champs_inside" maxlength="5"></td>
  109.     <td width="6%">Ville :</td>
  110.     <td width="28%"><input name="city" type="text" class="champs_inside"></td>
  111.   </tr>
  112.   <tr>
  113.     <td>Téléphone :</td>
  114.     <td><div align="justify">
  115.         <input name="phonenumber" type="text" class="champs_inside" maxlength="10">
  116.     </div></td>
  117.   </tr>
  118.   <tr>
  119.     <td>Adresse mail :</td>
  120.     <td><input name="email" type="text" class="champs_inside"></td>
  121.   </tr>
  122.   <tr>
  123.     <td>&nbsp;</td>
  124.   </tr>
  125.   <tr>
  126.     <td><input name="exiaone" type="radio">
  127.       1er cycle</td>
  128.     <td><input name="exiatwo" type="radio">
  129.       2nd cycle</td>
  130.   </tr>
  131.   <tr>
  132.     <td colspan="5"><input name="cesiother" type="checkbox">
  133.       Je souhaite recevoir les annonces des autres formations du CESI</td>
  134.   </tr>
  135.   <tr>
  136.     <td colspan="4"></td>
  137.     <td colspan="2">
  138.         <input name="reset" type="reset" value="Effacer" >
  139.         <input name="validation" type="submit" value="Valider" onClick="Envoyer(this)">
  140.  </td>
  141.   </tr>
  142. </table>
  143. </form>
  144. </body>
  145. </html>

mood
Publicité
Posté le 24-03-2005 à 12:23:48  profilanswer
 

n°1023267
fnemo
Posté le 24-03-2005 à 12:29:17  profilanswer
 

dans le <form>,
OnSubmit="return Envoyer(this)"
 
pi vire le onclick du bouton submit

n°1023271
esrevni
à contrario
Posté le 24-03-2005 à 12:33:25  profilanswer
 

Code :
  1. function Envoyer(formulaire)
  2. {
  3.     if (Chekempty() && Checkzip() && Checkphonz() && Checkmail())
  4.     return true;
  5.     else
  6.     return false;
  7. }


 
marchera déjà un peu plus mais il y a d'autres erreurs comme celle là par exemple :
 

Code :
  1. document.inscription.nane.value==""


---------------
zam'badabadabooom
n°1023278
fnemo
Posté le 24-03-2005 à 12:37:48  profilanswer
 
n°1023313
esrevni
à contrario
Posté le 24-03-2005 à 13:14:32  profilanswer
 

celle là elle est pas mal :
 

Code :
  1. function Checkmail(email)
  2. {
  3.     if (document.inscription.email.value.indexOf("@" )!=-1 || document.inscription.email.value.indexOf("." )!=-1)
  4.     {
  5.         return true;
  6.     }
  7.     else
  8.     {
  9.         alert("Veuillez entrer un Email Valide S.V.P." );
  10.         return false;
  11.     }
  12. }


 
 :D


---------------
zam'badabadabooom

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  verification formulaire en Javascript

 

Sujets relatifs
Problème entre javascript et formulaire HTML[HTML-JavaScript] Bouton "tout sélectionner" dans une liste déroulante
Access requête sur formulaire et champs videsVérification nom de domaine
Problème de typage dans un formulaire type="num"Insertion date dans formulaire
controle les element saisie dans un formulaire[Javascript] nommer une variable à partir d'un string ?
verification formulaire javascript[ Javascript ] Vérification de formulaire
Plus de sujets relatifs à : verification formulaire en Javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR