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 Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

allow only numbers in textbox jquery allow only numbers in textbox jquery Reviewed by Unknown on 5:10 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^