Home Javascript Insert only number in input text box with onkeyup javascript

Insert only number in input text box with onkeyup javascript

by therichpost
0 comment
jquery

Hello, welcome to therichpost.com. In this post, I will tell you How to Insert only number in input text box with onkeyup javascript? I personally like jquery very much. Most of my code is full with jquery. When I stuck in php or other language then that stuckness I remove with jquery code. Once I had a text box and it needed only number on desktop and mobile but first I made the code but that was working fine only on desktop but not in mobile so I again made the code for both and today I will share here in this post.

Here is the javascript/ jquery code for Insert only number in input text box with onkeyup javascript:

function noNumbers(event)
{
if (/\D/g.test(event.currentTarget.value))
{
event.currentTarget.value = event.currentTarget.value.replace(/\D/g, ”);
}
}

Here is Jquery code:

$(“#number”).keyup(function(e)
{
if (/\D/g.test(this.value))
{
// Filter non-digits from input value.
this.value = this.value.replace(/\D/g, ”);
}
});

Text Input Box:

<input id=”number” type=”text” placeholder=”Enter Number Only” onKeyUp=”return noNumbers(event)” />

There are so many jquery code, tricks and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

You may also like

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.