document.getElementById를 사용하여 외부 JavaScript 파일의 양식 유효성 검사

Question

내 document.getElementById 함수가 알고있는 값에 null을 반환합니다. 특히 시도 :

//in an external .js file 
var UserName = document.getElementById('<%=_username.ClientID%>'); 

그리고 요소 id 값이 null로 인해 발생하지 않는 몇 가지 조건을 사용하여 테스트합니다. 나는 여기에 사용자 컨트롤 파일에 _username을 정의

... 
<fieldset class="login"> 
    <legend class="login">Login</legend> 
    <label for="<%=_username.ClientID%>"> 
     User Name:</label> 
    <asp:TextBox ID="_username" runat="server" CssClass="login" /> 
    <label for="<%=_password.ClientID%>"> 
     Password:</label> 
    <asp:TextBox ID="_password" runat="server" CssClass="login" TextMode="Password" /> 
    <br /> 
    <span class="response"> 
     <asp:Literal ID="_response" runat="server" /></span>   
    <asp:Button ID="_login" runat="server" Text="Login"/> 
</fieldset> 

나는 나의 페이지에서 getElementById의 사용을 필요로하지 않는 간단한() 함수를 테스트하여 자바 스크립트 파일을 듣고 확인했습니다. 당신이 참 말의 나머지 부분을 가정

는

Answer 1

, 문제는 DOM이 준비되기 전에

var UserName = document.getElementById('<%=_username.ClientID%>'); 

실행지고 있다는 가능성이 높습니다. 이 스크립트를 body 섹션의 맨 끝으로 이동하여이 실행 전에 돔이 준비되었는지 확인하십시오.

는

<script type='text/javascript'> 
     // rest of script 
     var UserName = document.getElementById('<%=_username.ClientID%>'); 
     // rest of script 
    </script> 
</body> 

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.