在 ASP.NET 页面用户控件上使用 jQuery 设置输入字段焦点

Question

如何使用 jQuery 将焦点设置在此页面的 TxtPassword 输入字段上？ TxtPassword 输入字段位于 SaveCancelDelete 用户控件中。

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="BatchDetails.aspx.vb"
    Inherits="Acu.UI.Web.AccessioningBatchDetails" MasterPageFile="~/Master" %>

<%@ Register TagPrefix="uc1" TagName="SaveCancelDelete" Src="/SecurityDisplay/SaveCancelDelete.ascx" %>
<%@ Register TagPrefix="uc1" TagName="BatchEditor" Src="BatchEditor.ascx" %>
<%@ Register TagPrefix="uc1" TagName="PageHTMLTop" Src="/PageHTMLTop.ascx" %>
<%@ Register TagPrefix="uc1" TagName="PageHTMLRight" Src="/PageHTMLRight.ascx" %>
<%@ Register TagPrefix="uc1" TagName="AccessioningHTMLLeft" Src="/Accessioning/AccessioningHTMLLeft.ascx" %>
<%@ Register TagPrefix="uibox1" Namespace="Acu.UI.Web" Assembly="Acu.UI.Web" %>

<asp:Content runat="server" ID="headcontent" ContentPlaceHolderID="head">
</asp:Content>
<asp:Content runat="server" ID="bodycontent" ContentPlaceHolderID="body">
    <uc1:PageHTMLTop id="PageHTMLTop" runat="server" />
    <uibox1:UIBox ID="BxWizardTitle" runat="server" Width="100%">
        <uc1:AccessioningHTMLLeft id="AccessioningHTMLLeft" title="Accessioning Dashboard"
            runat="server" />
        <uc1:BatchEditor ID="BatchEditor" runat="server" />
        <uc1:PageHTMLRight id="PageHTMLRight" runat="server" />
    </uibox1:UIBox>
    <uc1:SaveCancelDelete id="SaveCancelDelete" runat="server" />

    <script type="text/javascript">

    jQuery(document).ready(function() {
        //jQuery('#<%=TxtPassword.ClientID %>').focus();  
        //jQuery("#ctl00_body_SaveCancelDelete_TxtPassword").focus();
    });

    </script>

</asp:Content>

Answer 1

[name$=""] 选择器搜索名称以引号中指定的内容结尾的控件。

$('input[name$="TxtPassword"]').focus(); 

Answer 2

使用属性 contains(*=) 选择器。

jQuery(document).ready(function() {
    jQuery("input[id*='TxtPassword']", $("[id*='SaveCancelDelete'")).focus();  
});

Answer 3

您需要 uc1:SaveCancelDelete 上的一个属性来为您提供密码控件的客户端 ID，因为您需要这个。另一方面，如果密码字段是用户控件的可见属性，则可以使用服务器端代码从代码隐藏中调用 SaveCancelDelete.PasswordInputControl.Focus();。