我有以下html5输入元素:
<input type="number">
为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)
使用chrome v. 44.0.2403.107
下面的例子来看看我的意思。
= >“当家”型输入<
当前回答
最简单的解决方案是parseInt()。
<input type="number" onkeyup="this.value = parseInt(this.value); this.paste(this.onkeyup);"/>
ParseInt()对于E, E， +， -和任何不是数字的东西返回空白(NaN)。
使用onkeyup和keydown根据您的方便与粘贴事件。对我来说，onkeyup工作最好。这也适用于复制粘贴
其他回答
使用angular，你可以限制输入e，+，-， e
<input type="number" (keypress)="numericOnly($event)"/>
numericOnly(event): boolean { // restrict e,+,-,E characters in input type number
debugger
const charCode = (event.which) ? event.which : event.keyCode;
if (charCode == 101 || charCode == 69 || charCode == 45 || charCode == 43) {
return false;
}
return true;
}
简单而标准的解决方案:在Angular/ Js/ Ts中，你可以使用正则表达式来限制任何输入键。
HTML： <input type=“text” name=“input1” （keypress）=“numericOnly（$event）” />
TS:
numericPattern = /^[0-9]*$/;
numericOnly(event){
return this.numericPattern.test(event.key);
}
因为这正是规范所规定的。数字输入可以接受浮点数，包括负号和e或e字符(其中指数是e或e后面的数字):
A floating-point number consists of the following parts, in exactly the following order: Optionally, the first character may be a "-" character. One or more characters in the range "0—9". Optionally, the following parts, in exactly the following order: a "." character one or more characters in the range "0—9" Optionally, the following parts, in exactly the following order: a "e" character or "E" character optionally, a "-" character or "+" character One or more characters in the range "0—9".
要隐藏字母e和负号，可以这样做:
onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"
如果你按下一个键，它的计算机语言相当于69，它就不会输入
<input
type="number"
onkeydown="return event.keyCode !== 69"
/>
