Получение идентификатора клиента с помощью jquery

Question

Im пытается проверить текстовое поле, получив идентификатор клиента, используя приведенное ниже, а затем проверив его значение. . Текстовое поле находится в модуле ModalPopupExtender, который находится в обновленной панели Однако JQuery, похоже, ничего не возвращает, управление всегда NULL Это текстовое поле находится внутри GridView

<asp:TemplateField HeaderText="Quick Donate"> 
           <ItemTemplate> 
            <asp:Button ID="btnQuickDonate" runat="server" 
             CommandName="Insert" 
             CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" 
             OnClick="btnQuickDonate" 
             Text="Quick Donate" /> 
            <ajaxToolkit:ModalPopupExtender ID="ModalDonationPopup" runat="server" TargetControlID="btnQuickDonate" PopupControlID="Panel1" BackgroundCssClass="modalBackground"> 
            </ajaxToolkit:ModalPopupExtender> 
            <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none"> 
             Enter Donation Amount<br /> 
             <table> 
              <tr> 
               <td></td> 
               <td> 
                <asp:Button ID="btnOnePound" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="1" /> 
                <asp:Button ID="btnFivePound" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="5" /> 
                <asp:Button ID="btnTenPound" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="10" /> 
                <asp:Button ID="btnFifteenPound" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="15" /> 
                <asp:Button ID="btnTwentyPounds" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="20" /> 
                <asp:Button ID="btnTwentyFivePounds" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="25" /> 
                <asp:Button ID="btnThirtyPounds" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="30" /> 
                <asp:Button ID="btnFiftyPounds" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClick="btnQuickDonate" Text="50" /> 

               </td> 

              </tr> 
              <%-- --%> 
             </table> 
             <br /> 

             <asp:TextBox ID="txtFreeDonationAmount" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" ></asp:TextBox> 
             **<asp:Button ID="btnOK" runat="server" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" Text="OK" OnClientClick="return valtxtBoxFreeDonation();" OnClick="btnQuickDonate"></asp:Button>** 
             <br /> 
             <asp:Button ID="btnCancel" runat="server" Text="Cancel" /> 

            </asp:Panel> 

Javascript ниже Я также попытался $ ('# txtFreeDonationAmount') без радости ...

function valtxtBoxFreeDonation() { 
    var txtDonation = $('#<%=txtFreeDonationAmount.ClientID %>'); 

    if (txtDonation.val().length < 0) { 
     // do something 
     apprise("Please Enter a Donation Amount before click okay"); 
     return false; 
    } 

} 

Answer 1

Жирным решением является jsut, чтобы взять этот id 'GridView1_btnOK_1` и использовать его в своем JS.

$('#GridView1_txtFreeDonationAmount_0') 

И как mentiones о $('#<%=txtFreeDonationAmount.ClientID %>') будет работать только если ваш JS находится в том же файле .aspx.

Answer 2

Это Код:

var txtDonation = $('#<%=txtFreeDonationAmount.ClientID %>'); 

будет работать должным образом только тогда, когда JavaScript находится внутри .aspx файла.