[JS] champs obligatoires sous mozilla

champs obligatoires sous mozilla [JS] - HTML/CSS - Programmation

Marsh Posté le 22-10-2004 à 10:46:26    

bonjour !
j'ai un probleme avec un alert  
sous IE pas de probleme sous MOZ ca marche pas ... comprends pas!

Code :
  1. <script language="javascript">
  2. function verifForm()
  3. {
  4. if ((frm.nom.value.length==0)|| (frm.prenom.value.length==0))
  5. { alert ("veuillez remplir tous les champs" );
  6. return false; }
  7. else return true; }
  8. </SCRIPT>
  9. //
  10. //
  11. <form name="frm" action="index.php?page=2" method = "post" onSubmit="return(verifForm());">
  12. ...


Message édité par attentio le 24-03-2005 à 21:03:00

---------------
L'ordinateur a de la mémoire mais aucun souvenir ...
Reply

Marsh Posté le 22-10-2004 à 10:46:26   

Reply

Marsh Posté le 22-10-2004 à 13:52:24    

Donne un id a ton form, puis tu y accede via "document.getElementById('monid')" au lieu de "frm...."

Reply

Marsh Posté le 22-10-2004 à 14:56:52    

j'ai fait ca mais ca marche pas du tout

Code :
  1. <html><head>
  2.     <script language="javascript">
  3. function verifForm(frm)
  4. {
  5. if ((document.getElementById('test').nom.value.length!=0) || (document.getElementById('test').prenom.value.length!=0))
  6. {
  7.  frm.submit();
  8.  return(true);
  9.  }
  10. else
  11.  {
  12.  alert('veuillez valider les champs');
  13.  return(false);
  14.  }
  15. }
  16. </script></head><body>
  17. <form name="frm" action="page2" method = "post" onSubmit="return(VerifForm(this))" id="test">
  18. <input type = text class= champs_texte name = nom  maxlength = 40 size = 20>
  19. <input type = text class= champs_texte name = prenom  maxlength = 40 size = 20>
  20. <input type="submit" value="envoyer" name="envoyer" >
  21. </form>
  22. </body></html>


merci de votre aide

Reply

Marsh Posté le 22-10-2004 à 15:00:53    

peut etre en rajoutant document devant le nom du form comme suit :  
 
 
 

Code :
  1. function verifForm() 
  2. { 
  3. if ((document.frm.nom.value.length==0)|| (document.frm.prenom.value.length==0))
  4. { alert ("veuillez remplir tous les champs" ); 
  5. return false; } 
  6. else return true; }


 
en même temps, j'dis ça mais j'ai pô mozilla pour tester


Message édité par esrevni le 22-10-2004 à 15:02:37
Reply

Marsh Posté le 22-10-2004 à 15:47:39    

C fou !!!!ya rien qui marche ...help :pt1cable:  :pt1cable:  :pt1cable:  :pt1cable:  
meme sous IE ... C quand meme pas compliqué :??:  
 
merci infiniment de votre aide

Reply

Marsh Posté le 22-10-2004 à 16:01:44    

bah le code que je t'ai donné marche sur IE6 chez moi... t'aurais pas désactivé le js sur ton mozilla par hasard ?  :heink:


Message édité par esrevni le 22-10-2004 à 16:02:52
Reply

Marsh Posté le 22-10-2004 à 16:03:30    

et tu mets koi dans ton <form onsubmit=...>

Reply

Marsh Posté le 22-10-2004 à 16:34:31    

euh moi j'aurais pas fait comme ça mais comme ça :  

Code :
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function verifForm(){ 
  5. if ((document.frm.nom.value.length==0)||(document.frm.prenom.value.length==0)) {
  6.  alert ("veuillez remplir tous les champs" );
  7. } 
  8. else{
  9.  document.frm.action="index.php?page=2";
  10.  document.frm.submit();
  11. }
  13. }
  14. </SCRIPT>
  15. </head>
  16. <body>
  17. <form name="frm" action="javascript:verifForm()" method="post"> 
  18. <input type="text" class="champs_texte" name="nom"  maxlength="40" size="20">
  19. <input type="text" class="champs_texte" name="prenom"  maxlength="40" size="20">
  20. <input type="submit" value="envoyer">
  21. </form>
  22. </body>
  23. </html>


 
mais je pense qu'il y en a qui vont me dire qu'il faut pas mettre de nom au formulaire, mais bien un id, donc, si quelqu'un d'autre a une idée...  :hello:


Message édité par esrevni le 22-10-2004 à 16:35:54
Reply

Marsh Posté le 22-10-2004 à 17:12:14    

Reply

Marsh Posté le 22-10-2004 à 17:18:40    

ok, ca marche!
par contre je voudrais ajouter la verification d'un mail.
mais j'ai une erreur JS caractere 2 ligne 6  :??:  

Code :
  1. <html>
  2. <head> 
  3. <script language="javascript"> 
  4. function verifForm(){ 
  6. var place = document.frm.adresse.indexOf("@",1);
  7. var point = document.frm.adresse.indexOf(".",place+1);
  9.     if ((document.frm.nom.value.length==0)||(document.frm.prenom.value.length==0) || ((place > -1)&&(adresse.length >2)&&(point > 1))) {
  10.         alert ("veuillez remplir tous les champs" );
  11.     } 
  12.     else{
  13.         document.frm.action="index.php?page=2";
  14.         document.frm.submit();
  15.     }
  16.    
  17. }
  18. </SCRIPT> 
  19. </head>
  20. <body>
  21. <form name="frm" action="javascript:verifForm()" method="post"> 
  22. <input type="text" class="champs_texte" name="nom"  maxlength="40" size="20"> 
  23. <input type="text" class="champs_texte" name="prenom"  maxlength="40" size="20"> 
  24. <input type = "text" class= "champs_texte" name = "adresse"  maxlength = "40" size = "20">
  25. <input type="submit" value="envoyer"> 
  26. </form> 
  27. </body>
  28. </html>


 
merci


Message édité par attentio le 22-10-2004 à 17:20:57
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed