Найти элемент управления внутри ContentTemplate с помощью jquery asp.net - PullRequest
0 голосов
/ 13 июля 2011

Я использую jquery для поиска текстового элемента управления, который находится внутри ContentTemplate.Я продолжаю получать сообщение об ошибке:

Имя 'txtUserName' не существует в текущем контексте

Это мой JavaScript:

            function ShowAvailability() {
            var myvar = $('#<%=txtUserName.ClientID %>').text();
            $.ajax({
                type: "POST",
                url: "Register.aspx/CheckUserName",
                data: '{userName: "' + $(myvar)[0].value + '" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function (response) {
                    alert(response);
                }
            });

И это моя разметка:

    <asp:CreateUserWizard ID="RegisterUser" runat="server" EnableViewState="False" OnCreatedUser="RegisterUser_CreatedUser">
    <WizardSteps>
        <asp:CreateUserWizardStep ID="RegisterUserWizardStep" runat="server">
            <ContentTemplate>
                <div class="accountInfo">
                  <fieldset class="register">
                    <div>
                        UserName :
                        <asp:TextBox ID="txtUserName" runat="server" onkeyup="ShowAvailability()"></asp:TextBox>
                        <input id="btnCheck" type="button" value="Show Availability" onclick="ShowAvailability()" />
                        <br />
                        <span id="mesg"></span>
                    </div>

Пожалуйста, помогите.Я не могу найти решение нигде.Спасибо!

1 Ответ

0 голосов
/ 13 июля 2011

Вместо того, чтобы пытаться выбрать его, пусть он придет к вам в качестве параметра:

function ShowAvailability(domObject) {
            var myvar = domObject.val(); //switched from text() to val()
            $.ajax({
                type: "POST",
                url: "Register.aspx/CheckUserName",
                data: '{userName: "' + $(myvar)[0].value + '" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function (response) {
                    alert(response);
                }
            });

Затем в разметке используйте jquery $ (this), чтобы текстовое поле отправляло ссылку на саму функцию:

<asp:TextBox ID="txtUserName" runat="server" onkeyup="ShowAvailability($(this))"></asp:TextBox>
...