Block Special Characters in RadTextBox

[Shajan]

Hi all,

I am trying to filter a rad textbox in client side. I need to restrict special characters (eg. $, ^, # [,]) in it. How can I implement this?

Please provide me a solution for this.

Thanks and Regards
Shajan

[Shinu]

Hi Shajan,

Try the following code snippet.

ASPX:

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

JS:

<script type="text/javascript">
    function OnKeyPress(sender, eventArgs) {
        var char = eventArgs.get_keyCharacter();
        if (char == '$' || char == '#' || char == '^' || char == '[' || char == ']') {
            eventArgs.set_cancel(true);
        }
    }
</script>

Regards,
Shinu.

[Shajan]

Dear Shinu,

I implemented this code, with some more special characters(&;`'\|*?~<>^()[]{}$&quot;). But in Fire Fox "The Right Arrow Key" not working.


Please provide me a solution for this.

Thanks and Regards
Shajan

[Shinu]

Hi Shajan,

The behavior that you found is because the keycode of ' conflict with right arrow key. With respect to this forum thread you can use the get_domEvent() to get the original DOM event.

JS:

<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>

Regards,
Shinu.

[SMc]

I wanted to say thank you for the js code. I got it to work! I only wanted to restrict "<" and ">" as the users were getting "Dangerous Code Injection" errors!

function OnKeyPress(sender, eventArgs) {
			var char = eventArgs.get_keyCharacter();
			if (char == '<' || char == '>') {
				eventArgs.set_cancel(true);
			}
		}

Was all I needed.

Thanks again!

[Rumen]

Thank you for sharing your solution for the < and > symbols, Sean!

Fore reference I am also adding these two resources on the topic here:

• RadTextbox to restrict special characters
• OnKeyPress article