JavaScript運行時錯誤無法獲取未定義或空引用的屬性'值'

Question

我無法訪問JS文件中的變量。

當寫入同一頁面時，驗證工作正常。但是當我將驗證碼粘貼到單獨的JS文件時，它不起作用。

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"> 

    <script src="Scripts/NewValidation.js" type="text/javascript"></script> 
<table id="tblUpdateReg"> 
     <thead> 
      <tr> 
       <td> 
        Update Details 
       </td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td> 
        <div> 
         Username : 
        </div> 
       </td> 
       <td> 
        <input type="text" runat="server" id="txtUsername" /> 
       </td> 
      </tr> 
</tbody> 
</table> 
</asp:Content> 

JS文件：

function Validate() { 

    var username= document.getElementById("txtUsername").value; 

    if (username== "") { 
     alert("username Required."); 
     return false; 
    } 



    return true; 

} 

錯誤：JavaScript的運行時錯誤：無法獲取的未定義或空引用屬性 '值'

Answer 1

這意味着，txtUsername的ID的元素沒有按不存在。在元素創建之前執行腳本。

你應該要麼把你的腳本在頁面的底部或使用

window.onload = function() {} 

在你執行你的代碼。