javascript - document.getelementbyid 不适用于母版页内容页中的外部 javascript

Question

在外部 javascript 文件中调用 asp 文本框控件在母版页中不起作用。
例如，这是我在外部 js 文件中的代码

 function name_valid()
 {
  var a=document.getElementById("name_box");
  if(a==null || a=="")
  {
   alert('Enter the name');
  }

  var b=document.getElementById("dob_box");
  if( b==null || b=="")
  {
   alert('Enter the Date Of Birth');

  }
 }

内容页:内容占位符(头部):

<script  src="valid.js" type="text/javascript" language="javascript"  ></script>

内容占位符1:

<asp:TextBox ID="name_box" runat="server" ></asp:TextBox>

<asp:Textbox Id="dob_box" runat="server"></asp:TextBox>
<asp:Button ID="submit_button" runat="server" Text="Submit" OnClientClick="name_valid()"/>

此处 javascript 执行名称文本框为空或在其中输入某个名称请帮我解决这个问题

Answer 1

确保您的 JavaScript 文件在 HTML 之后加载。可能是您的 JavaScript 试图在 ID 存在于页面之前引用该 ID。

或者确保 JavaScript 在文档准备好后执行。如果您不使用库，则应该研究 jQuery 是如何做到的。