使用 JavaScript 从 MasterPage 访问特定内容页面上的控件

Question

在 asp.net 中，我选择了一个母版页和一个使用母版页选择的 Web 表单。
在第一个网络表单中，我有一个文本框和按钮。
单击按钮时，OnClientClick 属性包含 validate() 函数
现在在母版页的编码中，我编写如下：

    function validate() {
        var no = document.getElementById('<%=Page.Master.FindControl("ContentPlaceHolder1").FindControl("TextBox1").ClientID %>').value;
        if (isNaN(no)) {
            alert('not a number.');
        }
    }

现在我采取了第二个网络表单 在那我放了一个日历控件然后运行它 错误发生如下：

对象引用未设置为对象的实例。
第 11 行：函数 validate() {
第 12 行：var no = document.getElementById('').value;
第 13 行：if (isNaN(no)) {
第 14 行：alert('not a number.');

我看到第 12 行：作为红线。
那么如何运行第二个 Web 表单

Answer 1

在内容页面内部声明一个内嵌 Javascript 变量。

<script>
  var jsTextBox1Id = <%=TextBox1.ClientID%>;
</script>

现在您可以使用全局jsTextBox1Id 变量访问Validate() 中的控件ID。 像这样：

  var no = document.getElementById(jsTextBox1Id).value;

（记住这种方法不是推荐的做法。）

更新

要获取对客户端脚本中为任何控件呈现的 HTML 元素的引用，您必须知道控件的 ClientID 属性的值。但是，由于用户控件可以放在网页中的任何位置，因此不可能事先知道哪些命名容器将包含这些控件。为确保 ClientID 值与 ID 值相同，只需将 ClientIDMode 值设置为 Static强>.

<asp:TextBox ID="MyStaticId" runat="server" ClientIDMode="Static">
</asp:TextBox>

现在您可以使用MyStaticId 定义的 ID 访问它，它不会在前面添加父容器名称。

 document.getElementById("MyStaticId").value

Source MSDN