未捕获的TypeError：无法读取null的属性值

我是jQuery的新手，我试图创建一个登录表单，当用户输入一个简短的用户名时切换文本。 所以这是我的代码，当我点击按钮时没有任何反应。 我检查了控制台，它说我的代码中的特定行上的标题错误。我已检查可能的错别字，但我没有看到任何。 所以这是我的代码：

     var usr = document.getElementById("textbox1").value;//error is over this line. if(usr.length<=6){ $(document).ready(function(){ $("#press").click(function(){ $("#warning").toggle(); }); }); }    
 
 
 Username 
 
 Password 
    
 Note: Use the username and password provided by your department. 
 
Username too short.
 
 
  

Answer 1

将script移动到body的末尾或将其包装在DOM就绪函数中。 您的getElementById在呈现页面之前执行，因此抛出null错误。

例：

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