如何在客户端的 ASP.NET 中获取自定义文本框控件的 javaScript“值”属性答案

【问题标题】：How to get javaScript 'value' property for custom text box control in ASP.NET on client side如何在客户端的 ASP.NET 中获取自定义文本框控件的 javaScript“值”属性
【发布时间】：2015-12-28 07:57:47
【问题描述】：

有没有办法通过使用 javascript 从另一个页面访问自定义 ASP.NET 控件中的特定文本框控件？

换句话说：我有自定义控件 BankInformation：

    <%@ Register Src="~/Controls/Attachments/SingleAttachment.ascx" TagName="SingleAttachment" TagPrefix="ABS" %>

    <div id="divIBAN" runat="server" class="control-group">
        <asp:Label ID="lblIBAN" runat="server" CssClass="control-label" AssociatedControlID="txtIBAN" meta:resourcekey="lblIBAN"></asp:Label>
        <div class="controls">
            <asp:TextBox ID="txtIBAN" runat="server"></asp:TextBox>
        </div>
    </div>
    <div id="divRoutingABANumber" runat="server" class="control-group">
        <asp:Label runat="server" ID="lblRoutingABANumber" CssClass="control-label" AssociatedControlID="txtRoutingABANumber" meta:resourcekey="lblRoutingABANumber"></asp:Label>
        <div class="controls">
            <asp:TextBox ID="txtRoutingABANumber" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator runat="server" CssClass="validator" ValidationGroup="vgDirectDebitApplication" ID="rfvRoutingABANumber" ControlToValidate="txtRoutingABANumber"  SetFocusOnError="True" Display="Dynamic" Enabled="false" meta:resourcekey="rfvRoutingABANumber"></asp:RequiredFieldValidator>
        </div>
    </div>

I've made an instance of this custom control inside of another control:

    <%@ Register Src="~/Controls/BankInformation.ascx" TagName="BankInformation" TagPrefix="ABS" %>

    <script type="text/javascript">
        $(document).ready(function () {
              var isAccountNumberEmpty = document.getElementById('<%=txtAccountNumber.ClientID%>').value; //This is not valid of course
              function validateAndCloseDirectDebitDialog(validationGroup, dialogID){
                if  (isAccountNumberEmpty != "")
                    dialogID.modal('hide');
                else {

                }
            }
</script>
<div id="bankInfoDialog" runat="server" class="modal hide fade" tabindex="-1" role="dialog">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" style="display: none">×</button>
        <h1 id="bankInformationDialogHeader"><%=GetLocalResourceObject("BankInfoHeader") %></h1>
    </div>
    <div class="modal-body">
        <ABS:BankInformation runat="server" ID="bankInformation" />
    </div>
    <div class="modal-footer">
        <asp:Button runat="server" ID="btnUpdate" meta:resourcekey="btnUpdate" CausesValidation="False" />
        <button id="btnCancel" runat="server" data-dismiss="modal" aria-hidden="true"><%=GetLocalResourceObject("Cancel")%></button>
    </div>
</div>

我想要做的是在 BankInformation 控件中访问 ID 为“txtAccountNumber”的文本框，从实例化的控件中获取它的值，以便我可以对 btnUpdate 单击事件进行客户端验证。除了最重要的部分，我知道如何做所有事情：是否可以在它的控制之外获取 txtAccountNumber 的值以及如果可能的话如何在 javaScript 中执行此操作？

【问题讨论】：

您可以在用户控件中添加CustomValidator；然后在那里执行验证。

标签： javascript jquery asp.net

【解决方案1】：

是的，这是可能的。您可以使用 ClientIDMode 属性（ASP.NET 4.0）：

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

然后访问文本框：

var accountNumber = document.getElementById('txtAccountNumber').value;

另一种方法是将 txtAccountNumber.ClientID 保存到全局 javascript 变量中，或者更好地将其保存为全局应用程序对象的属性。

【讨论】：