Erreur introuvable et je suis débutant

Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Salut, je suis débutant en JavaScript et je n'arrive pas à faire un exercice que je dois faire dans 2 jours (ça fait 4 jours que je suis dessus pour apprendre tout le JS). Ça fait trop longtemps que je suis dessus et je n'y arrive vraiment pas donc je vous demande votre aide svp. On me dit comme erreur "can't find variable verify()" alors qu'elle existe bel et bien et je ne sais pas quoi faire. Voici mon énoncé et mon code, merci beaucoup pour votre aide :).





3 réponses

Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
<!DOCTYPE html>
<html>
<head>
 <title>Exercice3</title>
 <meta charset="utf-8">
 <script type="text/javascript">
  function verify(){
   var nom= document.getElementById("Nom").value;
   var prenom= document.getElementById("Prenom").value;
   var telephone= document.getElementById("telephone").value;
   var email= document.getElementById("email").value;
   var objet= document.getElementById("objet").value;
   var demande= document.getElementById("demande").value;
   if (nom==""){
    alert("Veuillez saisir votre nom");
    document.getElementById("nom").focus();
    document.getElementById("nom").style.border="2px solid red";
    return false;
   }
   else if (prenom==""){
    alert("Veuillez saisir votre prénom");
    document.getElementById("prenom").focus();
    document.getElementById("prenom").style.border="2px solid red";
    return false;
   }
   else if (!telephone.match({0,9})){
    alert("Veuillez saisir un numéro de téléphone valide");
    document.getElementById("telephone").focus();
    document.getElementById("telephone").style.border="2px solid red";
    return false;
   }
   else if (!email.match(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/)){
    alert("Votre adresse mail n'est pas valide");
    document.getElementById("email").focus();
    document.getElementById("email").style.border="2px solid red";
    return false;
   }
   else if (objet=="")){
    alert("Veuillez saisir un objet valide");
    document.getElementById("objet").focus();
    document.getElementById("objet").style.border="2px solid red";
    return false;
   }
   else if (demande==""){
    alert("Veuillez saisir une demande valide");
    document.getElementById("demande").focus();
    document.getElementById("demande").style.border="2px solid red";
    return false;
   }
   return true;
}
 </script>
</head>
<body>
 <div align="center">
  <form>
   <table>
    Veuillez remplir le formulaire suivant puis valider votre inscription<br><br>
    <tr>
     <td><label for ="nom">Nom*</label></td>
     <td><input type="text" id="Nom"></td>
    </tr>
    <tr>
     <td><label for ="prenom">Prénom*</label></td>
     <td><input type="text" id="prenom"></td>
    </tr>
    <tr>
     <td><label for ="sexe">Sexe :</label></td>
     <td><input type="radio" id="sexe">Homme
      <input type="radio" id="sexe">Femme</td>
    </tr>
    <tr>
     <td><label for ="telephone">Télépone*</label></td>
     <td><input type="text" id="telephone"></td>
    </tr>
    <tr>
     <td><label for ="email">Email*</label></td>
     <td><input type="text" id="email"></td>
    </tr>
    <tr>
     <td><label for ="objet">Objet*</label></td>
     <td><input type="text" id="objet"></td>
    </tr>
    <tr>
     <td><label for ="demande">Demande*</label></td>
     <td><textarea cols="30" rows="6" id="demande"></textarea></td>
    </tr>
    <tr>
     <td><input type="button" value="Annuler" id="annuler" onClick="verify();">
      <input type="button" value="Vérifier" id="verifier" onClick="verify();"></td>
    </tr>
   </table>
  </form>
 </div>
</body>
</html>



EDIT : Ajout des balises de code (jordane)
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Il suffit d'ouvrir la console de ton navigateur pour voir qu'il y a une erreur dans le code



Une fois cette première erreur corrigée, tu en verras une seconde... puis une troisième.

Après avoir corrigé ces trois erreurs, ton script devrait fonctionner.

Pour la première erreur, tu as oublié de mettre la regex correspondant au numéro de téléphone
Ensuite, pour l'une des autres erreurs.... la casse est importante. Prenom n'est pas pareil que prenom
Pour la dernière... , il y a trop de parenthèse dans un de tes else if

0
Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
En effet à force de me concentrer sur une erreur je n'ai pas vu les autres, merci. (Le regex j'ai pas du tout vu pour le coup, je vais me renseigner dessus, merci). Aussi lorsque je testais ça me mettait cette erreur :

donc j'étais bloqué dessus, et le suit toujours.
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Déplace ton code js juste avant le </body> au lieu de le mettre dans le <head>
ça devrait t'aider concernant l'erreur sur le vérify.
0
Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
    <!DOCTYPE html>
<html>
<head>
 <title>TD5:Exercice3</title>
 <meta charset="utf-8">
 <script type="text/javascript" src="TD5.js"></script>
</head>
<body>
 <div align="center">
  <form>
   <table>
    Veuillez remplir le formulaire suivant puis valider votre inscription<br><br>
    <tr>
     <td><label for ="nom">Nom*</label></td>
     <td><input type="text" id="nom"></td>
    </tr>
    <tr>
     <td><label for ="prenom">Prénom*</label></td>
     <td><input type="text" id="prenom"></td>
    </tr>
    <tr>
     <td><label for ="sexe">Sexe :</label></td>
     <td><input type="radio" id="sexe">Homme
      <input type="radio" id="sexe">Femme</td>
    </tr>
    <tr>
     <td><label for ="telephone">Télépone*</label></td>
     <td><input type="text" id="telephone"></td>
    </tr>
    <tr>
     <td><label for ="email">Email*</label></td>
     <td><input type="text" id="email"></td>
    </tr>
    <tr>
     <td><label for ="objet">Objet*</label></td>
     <td><input type="text" id="objet"></td>
    </tr>
    <tr>
     <td><label for ="demande">Demande*</label></td>
     <td><textarea cols="30" rows="6" id="demande"></textarea></td>
    </tr>
    <tr>
     <td><input type="button" value="Annuler" id="annuler" onClick="verify();">
      <input type="button" value="Vérifier" id="verifier" onClick="verify();"></td>
    </tr>
   </table>
  </form>
 </div>
</body>
</html>
0
Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   > Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
 function verify(){
 var nom= document.getElementById("nom").value;
 var prenom= document.getElementById("prenom").value;
 var telephone= document.getElementById("telephone").value;
 var email= document.getElementById("email").value;
 var objet= document.getElementById("objet").value;
 var demande= document.getElementById("demande").value;
 if (nom==""){
  alert("Veuillez saisir votre nom");
  document.getElementById("nom").focus();
  document.getElementById("nom").style.border="2px solid red";
  return false;
 }
 else if (prenom==""){
  alert("Veuillez saisir votre prénom");
  document.getElementById("prenom").focus();
  document.getElementById("prenom").style.border="2px solid red";
  return false;
 }
 else if (!telephone.match({0,9})){
  alert("Veuillez saisir un numéro de téléphone valide");
  document.getElementById("telephone").focus();
  document.getElementById("telephone").style.border="2px solid red";
  return false;
 }
 else if (!email.match(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/)){
  alert("Votre adresse mail n'est pas valide");
  document.getElementById("email").focus();
  document.getElementById("email").style.border="2px solid red";
  return false;
 }
 else if (objet==""){
  alert("Veuillez saisir un objet valide");
  document.getElementById("objet").focus();
  document.getElementById("objet").style.border="2px solid red";
  return false;
 }
 else if (demande==""){
  alert("Veuillez saisir une demande valide");
  document.getElementById("demande").focus();
  document.getElementById("demande").style.border="2px solid red";
  return false;
 }
 return true;
}
0
Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   > Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Du coup j'ai fait comme ça pour que cela soit plus simple d'accès (désolé je n'arrive pas à faire les indentations sur ce site) mais ça ne marche toujours pas, sûrement à cause du regex. Est-ce possible que vous me disiez quoi écrire exactement svp ? J'ai commencé le JS la semaine dernière et je n'ai absolument jamais vu ce module. Et merci beaucoup pour l'aide que vous m'avez déjà apporté.
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > Kaayn Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Merci d'utiliser les BALISES DE CODE pour poster du code sur le forum
Explications à lire ENTIEREMENT !! disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, .. ben.. je t'ai invité à déplacer ton code JS juste avant le </body>
c'est valable même si tu le places dans un fichier externe..
    </div>
    <!--  On place de préférence le Javascript A LA FIN de la page -->
    <script type="text/javascript" src="TD5.js"></script>.
  </body>
</html>
0