2013-05-22 4 views
0

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

Пример: Если пользователь вводит «5», я буду форматировать вход (5) с красным цветом.

Как это достичь?

+0

вы хотите достичь этого на стороне клиента или сервера? – Dolo

+0

Я хотел достичь этого на стороне клиента. – sniggy

+0

http://stackoverflow.com/a/3870087/706456, http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.textbox.textchanged.aspx, http: // stackoverflow .com/a/6153068/706456 – oleksii

ответ

0
function format(input) { 

     var txtValue = document.getElementById(input).value; 
     document.getElementById(input).value = "("+txtValue+ ")"; 
document.getElementById(input).style="color:red;"; 


    } 

Использование выше функции яваскрипта и вызвать в вашем текстовом поле, как этот onchange="format(this);"

+0

Я пробовал что-то подобное, но это не работает. Вот код: закрытый код txtBox_TextChanged (отправитель объекта, EventArgs e) { Строка txt = txtBox.Text; txtBox.Text = "(" + txt + ")"; txtBox.ForeColor = System.Drawing.ColorTranslator.FromHtml ("# FF0000"); – sniggy

0

Он работал для меня-

Ваше текстовое поле будет быть-

<asp:TextBox ID="TextBox1" runat="server" onchange="javascript:formatText(this);"></asp:TextBox> 

На стороне клиента написать функцию как указано ниже:

<script type="text/javascript" language="javascript"> 
    function formatText(input) { 
     var txtValue = document.getElementById(input.id).value; 
     document.getElementById(input.id).style = "color:Red;"; 
     document.getElementById(input.id).value = "(" + txtValue + ")";   
    } 
</script> 
Смежные вопросы