RadTextbox to restrict special characters

[usr9999]

Hi

I have a requirement to restrict a user from entering special character in the Radtextbox. I have tried both RegularExpressionValidator and CustomValidator with ClientValidationFunction, but both are capturing after user completes the entry. Just curious to know if we have any control just like AjaxTextbox extender so user will not be able to enter invalid characters instead of validating after the data entry.

Thanks

[Shinu]

Hello,

It is doable by attaching the 'OnKeyPress' event to RadTextBox and then cancel the event if pressed invalid character.


Go through the link below:
OnKeyPress


-Shinu.

[usr9999]

Thanks for the update. It works.

[Amol G]

Hi,

I have check this code it working fine for IE browser but for Mozilla fire fox  it restrict delete,left right,up and down key also.

[Shinu]

Hi Amol,

I suppose that you want to allow delete, left arrow, right arrow, down arrow and up arrow while limiting input to the letters 'a' to 'z' and 'A' to 'Z'.
Here is the sample code that i tried which worked as expected.

JS:

<script type="text/javascript">
  function OnKeyPress(sender, args)
    {
        var c = args.get_keyCode();
        if ((c < 37) || (c > 40 && c < 45) || (c > 47 && c < 65) || (c > 90 && c < 97) || (c > 122))
            args.set_cancel(true);
    }
</script>

Thanks,
Shinu.

[Amol G]

Hi
Thanks for quick reply i try updated code but in case of fire box now it allow following charcters
'%' , '&', ' ' ', ','
and i found that keycode for above keys conflict with other keys(delete,up,down,left and right).

please see here  http://javascript.info/tutorial/keyboard-events

Thanks
AMOL G

[Vasil]

Hello,

Use the get_domEvent() to get the original DOM event. It will have the information that you need about exact characters that was hold during the key-press:

<script type="text/javascript">
  function OnKeyPress(sender, args)
  {
    var domEvent = args.get_domEvent();

    alert("control is held: " + domEvent.ctrlKey);
    alert("alt is held: " + domEvent.altKey);
  }
</script>
<telerik:RadTextBox runat="server" ID="RadTextBox123">
  <ClientEvents OnKeyPress="OnKeyPress" />
</telerik:RadTextBox>

See this for more information: https://developer.mozilla.org/en/DOM/KeyboardEvent

All the best,
Vasil
the Telerik team