我有以下html5输入元素:
<input type="number">
为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)
使用chrome v. 44.0.2403.107
下面的例子来看看我的意思。
= >“当家”型输入<
我有以下html5输入元素:
<input type="number">
为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)
使用chrome v. 44.0.2403.107
下面的例子来看看我的意思。
= >“当家”型输入<
当前回答
要隐藏字母e和负号,可以这样做:
onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"
其他回答
最简单的解决方案是parseInt()。
<input type="number" onkeyup="this.value = parseInt(this.value); this.paste(this.onkeyup);"/>
ParseInt()对于E, E, +, -和任何不是数字的东西返回空白(NaN)。
使用onkeyup和keydown根据您的方便与粘贴事件。对我来说,onkeyup工作最好。这也适用于复制粘贴
一个简单的解决方案,排除除整数
<输入 类型=“数字” min=“1” 步骤=“1” onkeypress=“return event.keyCode === 8 ||事件.字符代码 >= 48 &&; 事件.字符代码 <= 57“>
此解决方案不防止复制和粘贴(包括字母“e”)。
HTML输入数字类型允许“e/ e”,因为“e”代表指数,这是一个数字符号。
例200000也可以写成2e5。我希望这能帮到你,谢谢你的问题。
我们可以像下面这样简单
<input type="number" onkeydown="javascript:返回事件。keyCode == 69 ?/> . False: true
更新后的答案
我们可以让它更简单,就像@88 MPG建议的那样
<输入类型=“编号”=“回归事件”。键盘代码!
简单而标准的解决方案:在Angular/ Js/ Ts中,你可以使用正则表达式来限制任何输入键。
HTML: <input type=“text” name=“input1” (keypress)=“numericOnly($event)” />
TS:
numericPattern = /^[0-9]*$/;
numericOnly(event){
return this.numericPattern.test(event.key);
}