通过Javascript访问asp.net内容页面中的控件

Question

我的内容页面中有一个表单，我正在通过 Javascript 对其进行一些客户端验证。如果我将 JS 代码直接放在内容页面中，Javascript 的行为将符合预期。但是，如果我将 JS 代码放在它自己的文件中，并尝试从内容/母版页（通过脚本标记的 src 属性）访问该代码，那么当调用 JS 中的验证函数时，我会收到运行时错误。

具体来说，我收到以下错误。 Microsoft JScript 运行时错误：此行反对预期/必需 - document.getElementById('<%=txtemailId.ClientID %>').value

txtemailId 位于内容页面中。

Javascript 代码放置在validation.js 中并通过母版页访问。

我猜测的原因是，当.net解析文件时，它无法用稍后生成的客户端值替换txtemailId.ClientID。那么，应该如何去做呢？谢谢！

Answer 1

答案很简单。

在您的内容页面中声明一个内联 JScript 变量，确保该变量位于您的标记上方。

<script>
  var emailClientId = <%=txtemailId.ClientID%>;
</script>

在 include.js 文件中使用全局范围的 emailClientId 变量。

显然，这有点笨拙，因为并非所有 JScript 代码都包含在 include.js 文件中，这使得调试/诊断变得困难，因为不清楚该值具体来自何处。您应该在代码中清楚地注释/记录这一点，以便将来更轻松地维护代码库。

Answer 2

您是对的，如果代码 <%=txtemailId.ClientID %> 位于 ASP.Net 文件中，则该代码只会被 ASP.Net 替换为真实的客户端 ID。因此，如果您将此 javascript 放在单独的 .js 文件中，ASP.Net 将对此一无所知，并且代码将不会被解析。

实现此目的的最简单方法是将控件 ID 设置为函数的参数。这样，您就可以在 .aspx（或 .ascx）文件中包含调用 javascript 代码以及 <%=txtemailId.ClientID %> 代码。

Answer 3

独立的 .js 文件不通过 ASPX 解析器运行，因此不会评估您的表达式。

要解决此问题，您可以使用控件的 ID 在 ASPX 文件中设置全局变量（或函数参数或其他内容），然后在独立的 .js 文件中使用它们。

或者，您可以使用类名（不会被破坏）而不是 ID。 （使用 jQuery 这非常简单）

Answer 4

这样的方法最适合您想要实现的目标：

validation.js

var Validation = {
     EmailId: null,

     Validate: function() {
          var email = document.getElementById(EmailId).value;
     }
}

page.aspx

Validation.EmailId = '<%=txtemailId.ClientID %>'; //initialize
Validation.Validate(); //whenever you want to validate