Включение кнопки отключения asp .net - с помощью JavaScript - PullRequest
Новая
       3

Включение кнопки отключения asp .net - с помощью JavaScript

5 голосов
/ 30 сентября 2011

В настоящее время в моем приложении у меня есть кнопка и текстовое поле.Пользователь вводит что-то в текстовое поле и затем нажимает кнопку.Что я хочу, это:

Кнопка поиска должна оставаться отключенной, когда страница загружается в первый раз.Я могу добиться этого, отключив его в коде файла.

Теперь я хочу, чтобы он оставался отключенным, когда пользователь вводит до 2 символов.В тот момент, когда пользователь вводит третий символ, кнопка должна автоматически включиться.

Важно то, что это должно быть сделано без asp .net AJAX, поскольку этот сайт будет работать со старых мобильных телефонов.Так что поддерживаются только довольно простые javascript или jquery.

Любая помощь приветствуется.

Спасибо

Varun

Ответы [ 3 ]

4 голосов
/ 03 октября 2011

, чтобы использовать document.getElementById в asp.net и не использовать полное имя, вы должны разрешить asp.net предоставить его. Вместо: document.getElementById("ctl00_ctl00_phContent_phPageContent_btnSearch")

Попробуйте:

document.getElementById('<%= btnName.ClientID %>')

Где btnName - это asp:Button Id. Код <%= сгенерирует фактический идентификатор кнопки, полностью определенный, поэтому вам не придется беспокоиться о том, что все изменится с помощью жестко закодированного идентификатора.

3 голосов
/ 30 сентября 2011

Я получил это для работы с текстовым полем HTML, я не думаю, что вы можете сделать это с текстовым полем asp.net: 

<head>
    <script type="text/javascript">
        function TextChange() {
            var t = document.getElementById("Text1");
            var b = document.getElementById("Button1");
            if (t.value.length > 2) {
                b.disabled = false;
            }
            else {
                b.disabled = true; 
            }


        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text"  onkeyup="TextChange();" />
        <asp:Button ID="Button1"   runat="server" Text="Button" Enabled="False" />
    </div>
    </form>
</body>
1 голос
/ 30 сентября 2011

Если вы используете jQuery, используйте 

$(<selector>).val().length

, чтобы получить размер, тогда вы можете установить атрибут кнопки отключен с помощью 

$(<button selector>).attr('disabled',false).
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...