Question

-6

Allow only Numbers in text box using jquery with out extra plugins

rated 0 times [ 0] [ 6] / answers: 1 / hits: 27490 / 13 Years ago, mon, december 26, 2011, 12:00:00

i wanted to Allow only Numbers in text box using jquery/javascript with out extra plugins

I have coded like :

if ( event.keyCode == 46 || event.keyCode == 8 || (event.keyCode >=48 && event.keyCode <=57)) {

            // let it happen, don't do anything

        }

        else {

            // Ensure that it is a number and stop the keypress           

            event.preventDefault();                   

        }

but it allows special characters like ! (Shift+1), @ (shift +2) etc.

can any body tell me the complete solution for this .. thanks in advance

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

maurodannyr

Add To Favorites

Follow

Total Points: 126

Total Questions: 103

Total Answers: 105

Location: Maldives

Member since Sun, Feb 27, 2022

2 Years ago

answered 13 Years ago devinjadong · Accepted Answer

I solved by using the below code snippet. thanks for the inputs and help

$('input[etype=Number]').keydown(function(event) {



     if(event.shiftKey && ((event.keyCode >=48 && event.keyCode <=57) 

             || (event.keyCode >=186 &&  event.keyCode <=222))){

        // Ensure that it is a number and stop the Special chars

         event.preventDefault();

     }

     else if ((event.shiftKey || event.ctrlKey) && (event.keyCode > 34 && event.keyCode < 40)){     

          // let it happen, don't do anything

     }      

     else{

        // Allow only backspace , delete, numbers               

        if (event.keyCode == 9 || event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 39 ||event.keyCode == 37 

                || (event.keyCode >=48 && event.keyCode <=57)) {

            // let it happen, don't do anything

        }

        else {

           // Ensure that it is a number and stop the key press

                event.preventDefault();                   

        }

     }

    });