示例代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="/js/jquery-3.1.0.min.js"></script>
</head>
<body>
<label for="number">测试数字输入</label>
<input type="number" class="form-control" id="number" name="number" value="1" maxlength="1" placeholder="测试数字输入" required>
<script type="text/javascript">
$(document).ready(function() {
$("input[type='number']").keydown(function(evt) {
var iKeyCode = window.event?evt.keyCode:evt.which;
if((iKeyCode>=48) && (iKeyCode<=57) || (iKeyCode>=96) && (iKeyCode<=105) || (iKeyCode>=37) && (iKeyCode<=40) ||iKeyCode===8|| iKeyCode==46) {
} else {
if (window.event) {
event.returnValue = false;
} else {
evt.preventDefault();
}
}
}).keyup(function() {
$(this).val($(this).val().replace(/[^0-9]/g,''));
});
});
</script>
</body>
</html>
显示效果