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
Recent Comments