<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(..*?)..*/g, '$1');" />function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />
//html
<input type="number" class="form-control" @keypress="isNumberKey($event)">
//js
isNumberKey(e){
if (e.charCode === 0 || /d/.test(String.fromCharCode(e.charCode))) {
return true
} else {
e.preventDefault();
}
}<!-- Simply set the input type of the input field to number. --!>
<!-- Just like this: ⬇️ --!>
<!DOCTYPE html>
<html>
<head>
<title>Title/page name</title>
<style>
.css::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.css::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
{
</style>
</head>
<body>
<p>This input only accepts numbers: </p><input type="number">
<!-- Css can also be use to remove the arrows from the side of the input. --!>
<!-- Just like this: ⬇️ --!>
<p>This input only accepts numbers and has no arrows: </p><input type="number" class="css">
</body>
</html>
<!-- Css can also be use to remove the arrows from the side of the input. --!>
<!-- Just like this: ⬇️ --!>