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.

HTML :

<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;
     }
</script>



ANIL SINGH

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 - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book