type类型为number的input标签可以输入字母e

最新推荐文章于 2022-06-01 17:57:08 发布
最新推荐文章于 2022-06-01 17:57:08 发布
阅读量5.3k 收藏 5
点赞数 4
分类专栏： 随笔 文章标签： input标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35371323/article/details/96313117
版权

关于< input type=“number” />可以输入字母e！！！

今天偶然间发现一个神奇的问题：一个type属性值设置为number类型的input标签可以输入字母e|E

 <input type="number" class="form-control" placeholder="number">

主要原因是：e在数学上代表的是无理数，是一个无限不循环的小数，其值约为2.7182818284，所以在输入e的时候，输入框会把e当成一个数字看待。

可以采用下面的方式来避免这个BUG，在input标签中添加如下属性：

<input type="number" class="form-control" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"  placeholder="number"/>

问题成功解决！！！

半张饭卡
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vue input 输入校验字母数字组合且长度小于30的实现代码
01-19
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30，具体代码如下所示： <Input v-model=form.glhm placeholder=请输入关联交易号 style=width:240px @on-blur=validateJyh(form.glhm)></...
type=‘number‘可以输入E、e、+、-的问题
Giraffe0615的博客
08-04 696
type='number'可以输入E、e、+、-的问题
input的type=number时可以输入字母e的解决方式
qq_39080240的博客
06-01 5906
input的type=number时可以输入字母e的解决方式
input框type设置为number仍可以输入字母e
BiangBaing的博客
06-17 959
原文链接： https://blog.csdn.net/qq_35371323/article/details/96313117
input设置了type为number,但是还能输入e等符号，怎么处理？
cindy647的博客
04-02 3682
在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢 第一个想到的方法：普通正则处理 在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。 那么怎么在根源上...
type='number'类型时可以输入字母e的处理
qq_38354883的博客
12-29 1472
可以输入小数点情况: input中加入事件 onKeypress=&quot;return (/[0-9\.]/.test(String.fromCharCode(event.keyCode)))&quot; 不可以输入小数点情况: 正则换成如下 onKeypress=&quot;return (/[\d]/.test(String.fromCharCode(event.keyCode)))&quot; 如果需要处理n...
custom-input-types:开源代表进行类型定制
05-16
使用npm： $ npm i -g npm$ npm i custom-input-types为什么要使用自定义输入类型？ 使用自定义输入类型，您可以使用自定义输入类型，而无需自己编写任何JavaScript， 截至目前可用的自定义输入类型仅数字： <...
python如何保证输入键入数字的方法
12-31
用这个输入字母可以可是输入字母就直接报错中断了 主要出在eval上。 python3.0 第一个方案： while True: ten=input(x:) try: x=eval(ten) if type(x)==int:break except:pass 然后输入asf，没有提示...
jquery.dvalidate.js:自用的超简单表单验证框架，零配置不写js不污染页面样式直接就是lou
05-18
jquery.dvalidate.js 自用的超简单表单验证框架，零配置不写js不污染页面样式直接就是lou 在线示例： 使用方法 1.引入js 2.在需要验证的表单加入属性“validate...input type="text" check="number empty"/> 则代表
正则表达式
12-03
例如,假定我们正在检索的模式是一个或多个字母后面跟随一位或多位数字,那么我们可以使用模式 / [a-z] + \ d+/.但是由于假定我们真正关心的是每个匹配 尾部的数字,那么如果我们将模式的数字部分放在括号中 (/ [a-z]...
input type="number"可以输入字母e
xc_buxiangzhangda的博客
03-02 1362
input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，他是一个数字，所以能输进去。 解决办法为在input属性上加上： onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))” &lt;input type="number" onKeypress=”re...
解决type=number的input可以输入+-e符号的情况
tang31415926的博客
05-13 4507
在输入框input标签设置type=number的目的就是为了规避用户输入数字以外的内容。然而，在html的w3c标准里，e认定为自然对数中的无理数常量，+-则是表示正负，生产中有时不需要甚至禁止输入这些。
input的type属性设为number后可以输入e
weixin_39218464的博客
03-07 1065
原因:e在数学上代表2.71828，所以它也还是一个数字 解决方法： <input type='number' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))' /> 2.input数字number类型的时候maxlength无效 解决方法：超出截取 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)
input number 标签
YmJqiao的博客
10-17 702
//隐藏 input 标签 number  后的加减箭头       input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{    -webkit-appearance: none !important;    margin: 0;  } input[type="number"]{-moz-appeara
开发问题：input type="number"可以输入字母e
liuluteng的博客
02-07 1万+
input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，所以它也还是一个数字，所以能输进去。 解决办法为在input属性上加上：解决办法为在input属性上加上： onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))” 其中min max是设置可输
网页: input数字输入框可以输入e的原因及其解决方法
酷伊奥
07-05 2532
今天公司的测试员在测试项目时提出了一个问题：当我们把input框的type值设置为number的时候，虽然限制了只能输入数字，但是这个时候我们会惊奇的发现 e 是可以输入的。 <input type="number" placeholder="最低值" />~<input type="number" placeholder="最高值" /> 去查了一下资料才知道，因为 e 在数学里的它代表的是无理数，e是自然对数的底数，同时它又是一个无限不循...
解决type类型为number的input标签可以输入字母e
qq_41737353的博客
11-29 663
解决type类型为number的input标签可以输入字母e 原因是：e在数学上代表的是无理数，是一个无限不循环的小数，其值约为2.7182818284，所以在输入e的时候，输入框会把e当成一个数字看待。 可以采用下面的方式来避免这个BUG，在input标签中添加如下属性： <input type="number" class="form-control" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" p
MySQL和Oracle的区别
热门推荐
半个程序员的博客
07-14 6万+
MySQL和Oracle的区别 一、宏观上: 1、Oracle是大型的数据库而Mysql是中小型数据库；Mysql是开源的，Oracle是收费的，且价格昂贵。 2、Oracle支持大并发，大访问量，是OLTP的最好的工具。 3、安装占用的内存也是有差别，Mysql安装完成之后占用的内存远远小于Oracle所占用的内存，并且Oracle越用所占内存也会变多。 二、微观上: 1、对于事务的支持 Mys...
JSP中超链接如何传参数?
半个程序员的博客
05-12 6837
JSP中超链接如何传参数? 1.传数据 <a href=" XXXAction?name=<%= 值1%> "></a> xxxAction表示要传递的某某Servlet，中间用问号拼接，<%= 值1%>JSP语法，表示输出脚本，同样也可以传递多个值，但是值与值之间要用**&**连接 <a href=" XXXAction?name=...
ant design vue的input设置typr为number为什么能输入字母e
最新发布
06-08
在Ant Design Vue中，`<a-input>` 组件的 `type` 属性可以设置为 `number`，但是这并不会限制用户输入非数字字符。这是因为在 HTML 中，`type="number"` 的输入框会自动验证输入是否为数字，但并不会限制其他字符的输入。 如果你需要限制用户只能输入数字，可以通过 `oninput` 事件和正则表达式来实现。下面是一个例子： ``` <template> <a-input v-model="inputValue" @input="handleInput"/> </template> <script> export default { data() { return { inputValue: '' } }, methods: { handleInput(event) { // 只允许输入数字和小数点 const reg = /^[0-9.]*$/ if (!reg.test(event.target.value)) { this.inputValue = event.target.value.replace(/[^\d.]/g, '') } } } } </script> ``` 在这个例子中，我们通过 `handleInput` 方法来过滤非数字字符，并将过滤后的值赋值给 `inputValue`。需要注意的是，这个例子中只允许输入数字和小数点，如果需要支持其他字符，可以修改正则表达式的匹配规则。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值