Pb Ajax/Javascript

Pb Ajax/Javascript - HTML/CSS - Programmation

Marsh Posté le 16-11-2006 à 19:32:25    

Bonsoir à tous!
Je ne sais plus quoi faire...
J'essaie de vérifier avec AJAX, un formulaire.
J'aimerai que au fur et à mesure que l'utilisateur tape son adresse mail, un message s'affiche (si c'est bon ou pas..)
 
seulement mon GetElementById me dit que "mail_verif has no propertie" ...
Je ne comprend pas pourquoi.. [confus]  
Si vous avez une solution, merci d'avance parce que là je galère lol

Code :
  1. <html>
  2. <head>
  3. <script language="javascript">
  7. function file(fichier)
  8. {
  9. if(window.XMLHttpRequest) // FIREFOX
  10. xhr_object = new XMLHttpRequest();
  11. else if(window.ActiveXObject) // IE
  12. xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
  13. else
  14. return(false);
  15. xhr_object.open("GET", fichier, true);
  16. xhr_object.send(null);
  17. if(xhr_object.readyState == 4) return(xhr_object.responseText);
  18. else return(false);
  19. }
  24. function verif_mail(mail)
  25. {
  26.     if (mail != '')
  27.     {
  28.         var texte = file("ajax.php" );
  29.        
  30.             if (texte == 1)
  31.             {   
  32.                 writediv('<span style="color:#cc0000"><b>'+mail+'</b> est invalide</span>');
  33.                 document.write("coucou1" ) ;
  34.             }
  35.             else if(texte == 2)
  36.             {
  37.                 writediv('<span style="color:#cc0000"><b>'+mail+'</b> est valide</span>');
  38.                  document.write("coucou2" ) ;
  39.             }
  40.             else
  41.             {
  42.                  document.write("coucou3" ) ;
  43.                 writediv('');
  44.             }
  45.        
  46.     }
  47. }
  48. function writediv(texte)
  49. {
  50. document.getElementById('mail_verif').innerHTML = texte;
  51. }
  52. </script>
  53. </head>
  54. <body>
  56. <form action="" method="post">
  57. Adresse Mail<br/>
  58. <input type="text" name="mail" onKeyUp="verif_mail(this.value)"> <br/><div id="mail_verif"></div><br/> <br/>
  59. </form>
  60. </body>
  61. </html>


 
 
et dans Ajax.php

Code :
  1. <script language="javascript">
  2. function vmail(mail){
  4.    // l'adresse minimum est xx@yy.zz
  5.    var point=mail.value.lastIndexOf('.');
  7.    // La position du dernier point de l'adresse email
  8.    var arob=mail.value.lastIndexOf('@');
  10.    // La position du dernier @ de l'adresse email
  11.    var longu=mail.value.length;
  13. // La longueur de l'adresse
  14. if((longu-point < 3) || (longu-arob) < 6 || arob > point || point == -1 || arob == -1){
  15.    // Si le point se trouve a moins de 2 caractères de la fin
  16.    // ou si l'arobase se trouve a moins de 5 caractères de la fin
  17.    // ou si il n'y a pas de point après @
  18.    // ou si il n'y a pas de point ou pas de @
  19.    document.write("1" );
  20.  
  21. }else{
  22.      document.write("2" );
  23.  
  24. }
  25. }
  27. </script>

Reply

Marsh Posté le 16-11-2006 à 19:32:25   

Reply

Marsh Posté le 17-11-2006 à 09:05:37    

Salut,
 
Pourquoi nommes-tu ton fichier javascript .php? ca devrait être du code php dedans, non?
Je ne suis pas sur de ca mais je crois que le code de ce fichier n'est pas interpreté, il te renvoie tout le code si tu veux.
La fonction document.write te supprime alors tout le code dans ton navigateur, la div mail_verif y compris, et donc elle n'existe plus quand tu fais ton getElementById, d'ou l'erreur que tu vois.
 
Pour debugger c'est plus simple que tu crées une div id="debug" et que tu passes tes messages de debug par un document.getElementById('debug').innerHTML = '', parce que document.write t'efface tout ton document.
 
 

Reply

Marsh Posté le 17-11-2006 à 11:53:39    

faudrait arreter la drogue [:petrus75]
tu ne vas pas faire une requete "Ajax" à chaque fois que le mec a tapé une lettre, c'est incensé :/
surtout pour verifier un mail, autant le faire en JS.
Il vaut mieux valider un form en JS avant l'envoi et apres l'envoi le valider en php. mais faire tout en php via ajax est stupide

Message cité 1 fois
Reply

Marsh Posté le 17-11-2006 à 23:57:17    

gatsu35 a écrit :

tu ne vas pas faire une requete "Ajax" à chaque fois que le mec a tapé une lettre, c'est incensé :/


Google le fait bien ;) même si c'est pour une application plus utile, je l'admets. ( http://www.google.com/webhp?complete=1 )

Message cité 1 fois
Reply

Marsh Posté le 18-11-2006 à 00:07:57    

sigmar_ a écrit :

Google le fait bien ;) même si c'est pour une application plus utile, je l'admets. ( http://www.google.com/webhp?complete=1 )


 
Google ils ont pas les même serveurs que tout le monde aussi  [:0x90]


Message édité par 0x90 le 18-11-2006 à 00:08:06
Reply

Marsh Posté le 18-11-2006 à 12:57:38    

A ce que je sais de google ils ont un timer, c'est pas sur onkeyup...
 
Au passage... hmmm... quelle idée farfelue, faire de l'XmlHttp pour verifier une adresse email... LOL
 
if (input.value.search(/^[a-z0-9_\.\-]+@[a-z0-9_\.\-]+\.[a-z]{3}$/i) == -1) // invalide
 
au pif... les expressions rationelles c'est bien aussi :)


Message édité par astero-H le 18-11-2006 à 13:00:33
Reply

Marsh Posté le 18-11-2006 à 13:30:16    

ta regexp ne match pas tout et un mail comme truc@truc.gouv.fr l'aura dans le cul
meme avec un domaine comme louvre.museum.
Voila une petite regexp qui est plus que correct malhereusement elle ne matche pas les adresses ip mail@123.123.133.122
et pour tester une regexp, je prefere utiliser test ou match
 
if (/^([\w-]+(\.[\w-]+)*@[\w-]{2,}(\.[\w-]+)*\.[a-zA-Z]{2,7})$/.test(input.value))
OU
if (input.value.match(/^([\w-]+(\.[\w-]+)*@[\w-]{2,}(\.[\w-]+)*\.[a-zA-Z]{2,7})$/))

Reply

Marsh Posté le 18-11-2006 à 16:34:45    

oui mais bon c'était juste pour l'exemple, par pour être juste :)
 
ça fait longtemps que j'ai plus eu besoin de ces conneries... maintenant je suis sous .net :love:  

Message cité 1 fois
Message édité par astero-H le 18-11-2006 à 16:36:19
Reply

Marsh Posté le 18-11-2006 à 17:42:42    

astero-H a écrit :

oui mais bon c'était juste pour l'exemple, par pour être juste :)
 
ça fait longtemps que j'ai plus eu besoin de ces conneries... maintenant je suis sous .net :love:


Sauf que .net c'est de la merde en barre pour faire du web.
 
.Net génère un paquet immonde de merdasse quand on utilisent leurs webforms

Reply

Marsh Posté le 19-11-2006 à 10:21:47    

lol... troll moisi... :sarcastic:  
 
même si ça vaut pas trop le coup de répondre à ça je dirais que tu devrais essayer de voir plus loin que le bout de ton nez... ces technos sont pas une exclusivité d'internet...
 
 :hello:  

Reply

Marsh Posté le 19-11-2006 à 10:21:47   

Reply

Marsh Posté le 19-11-2006 à 11:29:36    

oui je sais, mais ASP.net dans sa base génère du code HTML qui ne répond pas aux standards.
Je ne cherche pas à troller, mais j"evite d'utiliser les outils tous faits de .NET.
 
La derniere fois que j'ai maquetté un site en xHTML/CSS tout propre, l'ingé qui l'a intégré en .NET a  utilisé quelques composants de .NET.
Résultat simple :  
Sous IE, j'avais un DIV qui englobait mon contenu
sous FF, j'avais un tableau.
 
Ce con de .NET fouillait le user Agent pour detecter le Navigateur et genere le html en fonction [:le kneu]


Message édité par gatsu35 le 19-11-2006 à 11:29:47
Reply

Sujets relatifs:

Leave a Replay

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