TextBox в ASP.NET

@Kovy · Регистрация: 29.04.2009

Author24 — интернет-сервис помощи студентам

Подскажите, как можно отследить ввод в TextBox в ASP без потери фокуса и нажатия кнопок и динамически при вводе обрабатывать то, что ввожу?
К примеру: Ввожу цифры в TextBox, он автоматически умножает на константу и выводит в другой контрол. Должно быть так, что ввожу число, вижу результат. Не убирая фокус с элемента ввожу еще цифру - результат меняется и т.д.

@Pahanuch · 01.03.2013, 11:09

Используйте свойство TextChanged.

@Kovy · 02.03.2013, 09:00 **[ТС]**

Оно, как говорит MSDN, осуществляет проверку перед отправкой на сервер. Мне же необходима сразу после ввода цифры реакция программы.

@Pahanuch · 02.03.2013, 10:18

Kovy, используете событие изменения текста в вашем TextBox и вызываете метод, который выполняет необходимые вам расчеты.

@skynick99 · 02.03.2013, 20:34

Сообщение от Kovy

Оно, как говорит MSDN, осуществляет проверку перед отправкой на сервер. Мне же необходима сразу после ввода цифры реакция программы.

1.

HTML5

1	AutoPostBack="true"

но вся страница будет обновляться при воде-удаление одного символа.
2. Значит нам нужен AJAX, на твой textbox.

событие остается тоже самое которое было предложено сверху.

@Kovy · 03.03.2013, 08:58 **[ТС]**

skynick99, уже лучше. поставил UpdatePanel... использую свойство textbox'a TextChanged. Но есть одно но - оно вызывается после того, как контрол теряет фокус. Хотелось бы добиться реакции без потери фокуса при вводе.

@skynick99 · 03.03.2013, 12:35

Сообщение от Kovy

Хотелось бы добиться реакции без потери фокуса при вводе.

C#

1	tb_some.Attributes.Add("onkeypress", "some_test(this)");

HTML5

<asp:TextBox ID="tb_some" runat="server" />
        <script type="text/javascript">
            function some_test(obj) {
                obj.style.color = "#9999ff";
                obj.value += " yep ";
            }
        </script>

@Kovy · 04.03.2013, 14:17 **[ТС]**

Сообщение от skynick99

C#

1	tb_some.Attributes.Add("onkeypress", "some_test(this)");

не очень понял - где это писать? в событии TextChanged? Или при загрузке страницы?

@ninasus · 04.03.2013, 17:40

в файле some.aspx.cs в Page_Init

@Kovy · 05.03.2013, 12:56 **[ТС]**

Написанное вами работает, спасибо. Но я маленько изменил, и работать перестало, что не так?

C#

1	summa.Attributes.Add("onkeypress", "some_test(Label2)");

Javascript

<script type="text/javascript">
function some_test(obj) {
obj.value = "1";
}
</script>

Подумал, может изменения в Label не отображаются динамически на странице. Добавил "снаружи" UpdatePanel - не помогло(

@skynick99 · 05.03.2013, 13:11

C#

1	tb_some.Attributes.Add("onkeypress", "some_test(this)");

HTML5

<asp:TextBox ID="tb_some" runat="server" />
<asp:Label ID="lb_some" Text="text" runat="server" />
        <script type="text/javascript">
            function some_test(obj) {              
                document.getElementById("lb_some").innerHTML = obj.value;           
             }
        </script>

Добавлено через 1 минуту
тут тогда вопрос в другом, что вы хотите получить? может и UpdatePanel и не надо. А просто javascript.

Добавлено через 2 минуты
еще раз прочел. если

Сообщение от Kovy

К примеру: Ввожу цифры в TextBox, он автоматически умножает на константу и выводит в другой контрол.

то можно без updatepanel хватит и javascript.

@Kovy · 05.03.2013, 13:30 **[ТС]**

skynick99, Первый вариант работает и без UpdatePanel.
А вот с обновлением Label - не катит( Не происходит ничего.

Добавлено через 14 минут
и UpdatePanel не спасает)

@skynick99 · 05.03.2013, 13:34

еще раз это все работоспособно проверял же:

HTML5

 <asp:TextBox ID="tb_some" runat="server" />
        <asp:Label ID="lb_some" Text="text" runat="server" />
        <script type="text/javascript">
            function some_test(obj) {              
                document.getElementById("lb_some").innerHTML = obj.value;              
                
            }
        </script>

C#

1	tb_some.Attributes.Add("onkeypress", "some_test(this)");

Добавлено через 1 минуту
проверьте имена ID, и т.п.

@Kovy · 05.03.2013, 13:56 **[ТС]**

HTML5

<form id="form1" runat="server">  
<asp:TextBox ID="summa" runat="server" Width="115px"></asp:TextBox>
 <asp:Label ID="Label2" runat="server" Text="0,00 руб."></asp:Label>
                                                 <script type="text/javascript">
                                                     function some_test(obj) {
                                                         document.getElementById("Label2").innerHTML = obj.value;
                                                     }
                                                 </script>
</form>

C#

 protected void Page_Init(object sender, EventArgs e)
        {
            summa.Attributes.Add("onkeypress", "some_test(this)");
        }

Вроде все четко. При вводе в текстбокс summ надпись не меняется.
Пробовал в JS дописать

Javascript

1	obj.value += "1";

Эта строка выполняется нормально. А вот Лейбл не реагирует.

@Kovy 7 / 7 / 2 Регистрация: 29.04.2009 Сообщений: 411
		1
	TextBox в ASP.NET 01.03.2013, 09:22. Показов 5038. Ответов 13 Метки нет (Все метки) Подскажите, как можно отследить ввод в TextBox в ASP без потери фокуса и нажатия кнопок и динамически при вводе обрабатывать то, что ввожу? К примеру: Ввожу цифры в TextBox, он автоматически умножает на константу и выводит в другой контрол. Должно быть так, что ввожу число, вижу результат. Не убирая фокус с элемента ввожу еще цифру - результат меняется и т.д. 0

@Pahanuch 328 / 163 / 89 Регистрация: 03.11.2010 Сообщений: 920
	01.03.2013, 11:09	2
	Используйте свойство TextChanged. 0

@Kovy 7 / 7 / 2 Регистрация: 29.04.2009 Сообщений: 411
	02.03.2013, 09:00 [ТС]	3
	Оно, как говорит MSDN, осуществляет проверку перед отправкой на сервер. Мне же необходима сразу после ввода цифры реакция программы. 0

@Pahanuch 328 / 163 / 89 Регистрация: 03.11.2010 Сообщений: 920
	02.03.2013, 10:18	4
	Kovy, используете событие изменения текста в вашем TextBox и вызываете метод, который выполняет необходимые вам расчеты. 0

@Kovy 7 / 7 / 2 Регистрация: 29.04.2009 Сообщений: 411
	03.03.2013, 08:58 [ТС]	6
	skynick99, уже лучше. поставил UpdatePanel... использую свойство textbox'a TextChanged. Но есть одно но - оно вызывается после того, как контрол теряет фокус. Хотелось бы добиться реакции без потери фокуса при вводе. 0

@ninasus 3 / 3 / 2 Регистрация: 14.03.2012 Сообщений: 23
	04.03.2013, 17:40	9
	в файле some.aspx.cs в Page_Init 1

@Kovy 7 / 7 / 2 Регистрация: 29.04.2009 Сообщений: 411
	05.03.2013, 13:30 [ТС]	12
	skynick99, Первый вариант работает и без UpdatePanel. А вот с обновлением Label - не катит( Не происходит ничего. Добавлено через 14 минут и UpdatePanel не спасает) 0