This is a migrated thread and some comments may be shown as answers.

Force uppercase characters?

8 Answers 2311 Views

Input

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

answered on 15 Apr 2009, 11:44 AM

Hello Rick,

Try out the following code snippet and see whether it working as you expected.

ASPX:

    
            <telerik:RadTextBox ID="RadTextBox1"  runat="server">  
        
             <ClientEvents OnKeyPress="UpperCaseOnly" /> 
        
            </telerik:RadTextBox>

JavaScript:

    
            <script type="text/javascript">  
        
            function UpperCaseOnly(sender, eventArgs)  
        
            {      
        
                var c = eventArgs.get_keyCode();  
        
                if (c<65 || c>90)       
        
                    window.setTimeout("$find('<%= RadTextBox1.ClientID %>').SetTextBoxValue($find('<%= RadTextBox1.ClientID %>').GetTextBoxValue().toUpperCase());",50);                
        
            }  
        
            </script>

Thanks,
Princy.

answered on 27 Dec 2010, 01:56 AM

Y'know, a far simpler solution is to:

1. Create a CSS style:

.allcaps

{

text-transform: uppercase;

}

2. Set your input field to that CSS style:

<input id="Text1" class="allcaps" type="text" />

If you're doing this for a RadGrid autogenerated textbox field, ensure that you:

2a. add a GridTextBoxColumnEditor to your form;
2b. set it to use the allcaps CSS class you created in step 1 then;
2c. Set the RadGrid column's ColumnEditorID property in the RadGrid property builder to this GridTextBoxColumnEditor.

This will give your input text an ALL CAPS look as the user types, even if Caps Lock is not enabled on the keyboard.

3. Finally, update your input field to use its own value as uppercase:

TextBox1.Text = TextBox1.Text.ToUpper()

This will work even on RadGrid input fields. Just put the code in step #3 in the RadGrid.InsertCommand event.

Enjoy.
Jonathan