为什么html输入类型“数字”允许在字段中输入字母“e”?

我有以下html5输入元素:

<input type="number">

为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)

使用chrome v. 44.0.2403.107

下面的例子来看看我的意思。

= >“当家”型输入<

当前回答

其他回答

上述解决方案只适用于普通html。对于reactJS，我建议你这样做

  <input type="number" onKeyDown={(e) =>["e", "E", "+", "-"].includes(e.key) && e.preventDefault()} >

一个简单的解决方案，排除除整数

<输入类型=“数字” min=“1” 步骤=“1” onkeypress=“return event.keyCode === 8 ||事件.字符代码 >= 48 &&; 事件.字符代码 <= 57“>

此解决方案不防止复制和粘贴(包括字母“e”)。

简单而标准的解决方案:在Angular/ Js/ Ts中，你可以使用正则表达式来限制任何输入键。

HTML： <input type=“text” name=“input1” （keypress）=“numericOnly（$event）” />

TS:

    numericPattern = /^[0-9]*$/;
    numericOnly(event){
       return this.numericPattern.test(event.key);
    }

最简单的解决方案是parseInt()。

<input type="number" onkeyup="this.value = parseInt(this.value); this.paste(this.onkeyup);"/>

ParseInt()对于E, E， +， -和任何不是数字的东西返回空白(NaN)。

使用onkeyup和keydown根据您的方便与粘贴事件。对我来说，onkeyup工作最好。这也适用于复制粘贴

推荐文章