尽管这方面有很多问题，但我无法找到正确的正则表达式模式。
我不希望用户能够输入或者键入任何内容。
<td><input type="number" pattern=" 0+\.[0-9]*[1-9][0-9]*$" name="itemConsumption" /></td>
我只想接受正整数。
SOLVED 不需要正则表达式，我不知道这个：D
<td><input type="number" pattern=" 0+\.[0-9]*[1-9][0-9]*$" name="itemConsumption" onkeypress="return event.charCode >= 48 && event.charCode <= 57"</td>
要禁止除数字以外的任何输入，您可以使用
<input type="text" onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" name="itemConsumption" />
^------------....
<form id="mfrm">
<table>
<tr>
<td>Enter number only: <input type="text" name="itemConsumption" onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" /></td>
<td><input type="Submit"/></td>
</tr>
</table>event.charCode == 8 || event.charCode == 0 || event.charCode == 13用于处理按下DELETE、BACKSPACE或ENTER键的情况（对于Firefox很重要，请参见下面的Mohit's comment和与启用ENTER键相关的datashaman's comment）。
event.charCode >= 48 && event.charCode <= 57表示只返回0（十进制代码为48）以及所有其他数字，直到9（十进制代码为57）。onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57"。 - Wiktor Stribiżew<input type="number" min="0" step="1" oninput="validity.valid||(value='');">
<form>
<label>Input with positive numbers only</label><br/><br/>
<input type="number" min="0" step="1" oninput="validity.valid||(value='');">
</form>我尝试了许多不同的解决方案来实现这一点，最终我想出了这个完美地为我们完成工作的方案。它适用于打字和复制/粘贴，并且我找不到任何不良副作用。
<form>
<input
type="number"
min="0"
step="1"
onfocus="this.previousValue = this.value"
onkeydown="this.previousValue = this.value"
oninput="validity.valid || (value = this.previousValue)"
/>
</form>
这就像Nikhil Mahirrao的解决方案，但它会简单地忽略无效的按键而不清空输入。
<td><input type="number" pattern="\d+" name="itemConsumption" /></td>
/^(?:^\d+$)$/гҖӮзӣёеҪ“з¬ЁжӢҷ :) - Wiktor Stribiżew\d等同于[0-9]。 - HAYMbl4如果涉及到HTML5，您可以尝试使用min属性：
<input type="number" min="0">
您可以使用此正则表达式模式匹配整数 [0-9]* 或 \d* [0-9] 表示范围为 0 到 9，* 表示不期望任何数字或者您可以输入无限数字
Nikhil Mahirrao的答案简洁明了！
我想要类似的东西，但是该字段不应该反弹回一个空字符串，而且还应该忽略任何不是数字的输入。此外，前导零应该被过滤掉。
... oninput="filterNonNumbers(this)" ...
function filterNonNumbers(inputElement) {
let valOriginal = inputElement.value;
let valFiltered = valOriginal.split('').filter(c => c.charCodeAt(0) >= 48 && c.charCodeAt(0) <= 57 ? c : '').join('').replace(/^0+/, '');
if (valOriginal !== valFiltered) {
inputElement.value = valFiltered;
}
}
当然，如果直接输入或通过剪贴板粘贴，它的工作方式就像Nikhil的代码一样。
也许有人有类似的扩展要求。
<input class="js-input-absint" type="number" step="1" min="18" max="150" name="age" value="50">
仅允许使用[0-9]输入。在输入中，只会打印/粘贴数字[0-9]，并带有最小-最大范围（可选）。
一些解释：代码仅在输入阶段显示数字，并且不会像type="number"默认情况下重置值为""（空），以防输入无效的数字值。而且您不能为input type="number"使用属性pattern="/^[0-9]*$/"。
var $inputAbsint = $('.js-input-absint');
if ($inputAbsint.length) {
$(document).on('keypress', '.js-input-absint', function (event) {
var allowed = /^[0-9]|Arrow(Left|Right)|Backspace|Home|End|Delete$/;
return allowed.test(event.key);
}).on('focusout paste', '.js-input-absint', function () {
var $input = $(this);
var defaultValue = this.defaultValue || $input.attr('min');
// Important(!): Timeout for the updated value
setTimeout(function () {
var current = $input.val();
var regexNumbers = new RegExp(/^[0-9]*$/, 'g');
var isNumbersOnly = regexNumbers.test(current);
// Clear wrong value (not numbers)
if ((current === '' || !isNumbersOnly) && defaultValue.length) {
$input.val(defaultValue);
current = defaultValue;
}
// Min/Max
var min = parseInt($input.attr('min'), 10);
var max = parseInt($input.attr('max'), 10);
var currentInt = parseInt(current, 10);
if (!isNaN(min) && !isNaN(currentInt) && currentInt < min) {
$input.val(min);
}
if (!isNaN(max) && !isNaN(currentInt) && currentInt > max) {
$input.val(max);
}
}, 100);
});
}
您无法在键盘上按下“-”按钮。
<!--HTML Code is below-->
<input type="text" name="value1" id="value1" class="form-control" required="required" onkeyup="keyCode(event)">
<!--JQuery Code is below-->
<script>
$(document).ready(function() {
$value1.on("keyup", function keyCode(event){
var x = event.keyCode;
if (x == 109 || x == 189) {
event.preventDefault();
alert ("You can't enter minus value !");
}
});
});
</script>
'109' 的键码代表键盘上的数字侧减号按钮。'189' 的键码代表字符按钮上方的减号按钮。
我想提供一个解决方案，以便在输入时将其四舍五入。
<input id="numinput" type="number" step=1
oninput="validateWholeNumericInput('numinput', this.value)">
function validateWholeNumericInput(id, val) {
if(val<0){val=0;}
document.getElementById(id).value = Math.round(val);
}
<input type="text" pattern="[0-9]*" name="itemConsumption" />。请明确说明您想要允许的内容，这样会更容易理解。 - Wiktor Stribiżewpattern属性只能在提交时控制数据，而不能在用户输入时控制。 - Wiktor Stribiżew<input type="text" name="itemConsumption" onkeypress="return event.charCode >= 48 && event.charCode <= 57" />。 - Wiktor Stribiżew