Erreur introuvable et je suis débutant

Fermé
Kaayn Messages postés 9 Date d'inscription dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020 - Modifié le 29 nov. 2020 à 19:00
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 29 nov. 2020 à 21:14
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 dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020
Modifié le 29 nov. 2020 à 19:59
<!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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 nov. 2020 à 20:08
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 dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020
29 nov. 2020 à 20:14
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 nov. 2020 à 20:17
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 dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020 > jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024
Modifié le 29 nov. 2020 à 20:43
    <!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 dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020 > Kaayn Messages postés 9 Date d'inscription dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020
Modifié le 29 nov. 2020 à 20:44
 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 dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020 > Kaayn Messages postés 9 Date d'inscription dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020
29 nov. 2020 à 20:32
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > Kaayn Messages postés 9 Date d'inscription dimanche 29 novembre 2020 Statut Membre Dernière intervention 29 novembre 2020
29 nov. 2020 à 20:33
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