RadTextBox or RadNumbericTextBox Accept Only Number Using JavaScript in FireFox is Not Work

[Misbakhul]

Hi,
dear all,

i have ready use control telerik RadTextBox and RadNumericTextBox ,
I want accept Only Number Using Javascript,
I have Followed thread
http://www.telerik.com/community/forums/aspnet-ajax/input/i-need-a-text-box-that-only-accepts-numbers.aspx
and 
http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/radtextbox-need-to-be-restricted-only-for-integers.aspx

I am following that trick,
In IE is Fine and Work, But in FireFox is Not Work..

some body can help....

[Shinu]

Hi

Please have a look into the following code I tried which works fine at my end.

ASPX:

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

JavaScript:

<script type="text/javascript">
    function onkeypress(sender, args) {
        var keycode = args.get_keyCode()
        if (!(keycode >= 48 && keycode <= 57) || (keycode >= 96 && keycode <= 105)) {
            args.set_cancel(true);
        }
    }
</script>

Thanks,
Shinu.

[Misbakhul]

trims shinu for your answer...

I try your solution, but still does not work in firefox....
I am using FireFox update 23.0...


trims a lot..

[Konstantin Dikov]

Hi Misbakhul,

Thank you for contacting us.

Since I was able to use two of the approaches from the threads you have mentioned that are working fine in IE, Chrome, Firefox 22.0 (last official version) and Firefox 23.0 beta, I will kindly ask you to provide a code snippet with how you are trying to implement this in your project. 

I am attaching a simple project, demonstrating how you can achieve this behavior of the RadTextBox.

Please try it and see if it works on your side.

Regards,
Konstantin Dikov
Telerik

[Misbakhul]

hi Konstantin Dikov,
trims to reply
I implemented the code that I get from the samples that I got from the forum as well ..
and any code samples you've ever applied in my project.
problems is the same, before its possible sorry I forgot one thing,
the piece of code you gave and I've never applied before its too successful, could mean only numbers.
but it can not delete the number from RadTextBox or RadNumericTextBox when running applications in Firefox, even before his version could not ..can not Backspace...
for this to be a problem in my client when the UAT process. because the application will be publicly hosting ..

trims a lot.....

[Shinu]

Hi Misbakhul,

I have added few lines to the Admin's code and You can try the following updated JavaScript in order to get the BackSpace key working in Firefox.

JavaScript:

function OnKeyPress(sender, args) {
    var keycode = args.get_keyCode()
    if (keycode == 8) {
        //Checking if the key pressed is BackSpace key, then do not cancel the event.
        return;
    }
    else if (!(keycode >= 48 && keycode <= 57) || (keycode >= 96 && keycode <= 105)) {
        args.set_cancel(true);
    }
}

JavaScript:

function keyPress(sender, args) {
    if (args.get_keyCode() == 8) {
        return;
    }
    else {
        var text = sender.get_value() + args.get_keyCharacter();
        if (!text.match('^[0-9]+$'))
            args.set_cancel(true);
    }
}

Thanks,
Shinu.

[Konstantin Dikov]

Hi Misbakhul,

In addition to Shinu's reply I want to add that RadNumericTextBox have that functionality out of the box and if there is no particular reason that you need to use RadTextBox, please consider using RadNumericTextBox instead.

And just one more thing to add: If you experience some issues with RadNumericTextBox under Firefox 23 only, have in mind that this is still a beta version and not an official one (even though we have tested RadNumericTextBox under the latest Firefox Beta and no issues were present).
 
Regards,
Konstantin Dikov
Telerik

[Kaos45]

This worked like a charm, thanks much bro.