allow only numbers in textbox jquery

allow only numbers in textbox jquery

I am going to share the code sample for how to allow only numbers in the textbox field using jQuery.

Table of Content

1. HTML code sample
2. jQuery code sample

In the 1st step, we write HTML code for text-box where i can apply to onkeypress event and call to JavaScript method.


<input type="text" id="txtFilter" onkeypress="return isNumberFilter(keyEvent)"/>

jQuery :

In the 2nd, code sample for jQuery as given below.

<script type="text/javascript">
     function isNumberFilter(keyEvent) {
         var keyResult = (keyEvent.which) ? keyEvent.which : event.keyCode
         if (keyResult > 31 && (keyResult < 48 || keyResult > 57))
             return false;
         return true;


Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions