Skip to content

Instantly share code, notes, and snippets.

@vermaslal
Last active February 15, 2017 12:17
Show Gist options
  • Save vermaslal/2a4c187137e13412722c2df64038e125 to your computer and use it in GitHub Desktop.
Save vermaslal/2a4c187137e13412722c2df64038e125 to your computer and use it in GitHub Desktop.
Allow only number on input box
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<input type="text" class="numeric"/><br>
<input type="text" class="numeric"/>
</div>
</body>
<script>
var specialKeys = [8, 37, 39, 46, 35, ];//Backspace,left aero,right aero,del,end
var elms = document.getElementsByClassName('numeric');
for (var i = 0; i < elms.length; i++) {
elms[i].addEventListener('keydown', function (e) {
var keyCode = e.keyCode;
var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) || specialKeys.indexOf(keyCode) !== -1);
if (!ret) {
e.preventDefault();
}
});
elms[i].addEventListener('drop', function (e) {
console.log(e)
e.preventDefault();
});
}
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment