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

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.