JQuery Allow Only Numbers Input In Textbox

JQuery Allow Only Numbers Input in Textbox

Contents

Today, We want to share with you JQuery Allow Only Numbers Input in Textbox.
In this post we will show you Allow only numeric input in textbox using jQuery, hear for Enter Only Numbers and Decimal Values Using jQuery we will give you demo and example for implement.In this post, we will learn about jQuery – Allow Only Numbers (Numerics) in Textbox with an example.

Now in this post, I will explain how to Allow Only Numbers in Textbox using JQuery with appropriate example. Many a times you want only numeric value in textbox like Count of something, Phone number ,Computer Port etc. In such a situation you can use Jquery to alllow only numeric value by writting below code.

jquery Count Number of characters in string input

First Of all add textbox control in your html.

Now write below lines in JavaScript file or include it in script section of above html file.

 
$(function () {
$('#txtOnlyNumber').keydown(function (e) {
if (e.shiftKey || e.ctrlKey || e.altKey) {
e.preventDefault();
} else {
var key = e.keyCode;
if (!((key == 8) || (key == 46) || (key >= 35 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) {
e.preventDefault();
}
}
});
});

Allow Only Numbers in Textbox using JQuery

Read :

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about How to allow only numeric values ( numbers ) in a TextBox using jQuery.I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

JQuery Allow Only Numbers Input in Textbox