Javascript Girl
  1. Javascript Girl
  3. Uncaught TypeError: Impossible de lire la valeur de propriété de null
Intereting Posts
TypeError: $ est indéfini dans jquery Réglage innerHTML: Pourquoi ne met-il pas à jour le DOM? Comment obtenir l'identifiant de session du client socket.io dans le client Accéder aux éléments iframe entre domaines en utilisant JavaScript Test de l'unité HTML Canvas Comment désactiver le menu contextuel sur un clic droit / long sur un mode kiosque de Chrome? Trier le tableau d'objets par la valeur de la propriété de la chaîne dans JavaScript Propriétés CSS personnalisées, pourquoi pas? Créer une liste déroulante dynamiquement – Javascript JQuery obtient html de conteneur, y compris le conteneur lui-même Pourquoi le courrier ne comprendra-t-il pas de paramètres de lien? Comment puis-je obtenir Grunt / Watch / LiveReload pour recharger Sass / CSS sans rafraîchir la page complète? Javascript, sur la mise en boucle infinie et l'arrêt de cette boucle Impossible de cacher les barres de navigation dans Safari iOS 7 pour iPhone / iPod touch JavaScript: Comment cacher / afficher <div>

Uncaught TypeError: Impossible de lire la valeur de propriété de null

Je suis nouveau sur jQuery et j'essaie de créer un formulaire de connexion qui bascule un texte lorsque l'utilisateur saisit un nom d'utilisateur court. Voici donc mon code et quand je clique sur le bouton, rien ne se passe. J'ai vérifié la console et il dit l'erreur sur le titre sur la ligne particulière dans mon code. J'ai vérifié les fautes de frappe possibles, mais je n'ai pas vu aucun. Voici donc mon code: 

<!DOCTYPE HTML> <html> <head> <script type="text/javascript" src = "jquery-2.1.1.min.js"></script> <script type="text/javascript"> var usr = document.getElementById("textbox1").value;//error is over this line. if(usr.length<=6){ $(document).ready(function(){ $("#press").click(function(){ $("#warning").toggle(); }); }); } </script> </head> <body> <div id = "middleBlock"> <form> <p id = "username"> Username </p> <p id = "password"> Password </p> <input type="text" name="user" id="textbox1"> <input type="password" name="pass" id="textbox2"> <input type = "button" value = "LOG IN" id = "press"> <p id = "note"> Note: Use the username and password provided by your department. </p> <div id = "warning" style = "display:none;padding:3%;">Username too short.</div> </form> </div> </body>

Déplacez votre script vers la fin du body ou enveloppez-le dans une fonction DOM ready. Votre getElementById s'exécute avant que la page ne soit rendue, ce qui entraîne une erreur nulle.

Exemple: 

 $(document).ready(function(){ var usr = document.getElementById("textbox1").value;//error is over this line. if(usr.length<=6){ $("#press").click(function(){ $("#warning").toggle(); }); } });