JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" class="digitOnly"/>
JavaScript
$(".digitOnly").keypress(function(event) {
return !isCharacterKeyPress(event) || !window.isNaN(String.fromCharCode(event.which));
});
function isCharacterKeyPress(evt) {
if (typeof evt.which == "undefined") {
// This is IE, which only fires keypress events for printable keys
return true;
} else if (typeof evt.which == "number" && evt.which > 0) {
// In other browsers except old versions of WebKit, evt.which is
// only greater than zero if the keypress is a printable key.
// We need to filter out backspace and ctrl/alt/meta key combinations
return !evt.ctrlKey && !evt.metaKey && !evt.altKey && evt.which != 8;
}
return false;
}