input的type=number时可以输入字母e的解决方式

最新推荐文章于 2024-06-04 16:32:06 发布
最新推荐文章于 2024-06-04 16:32:06 发布
阅读量5.9k 收藏 7
点赞数 6
分类专栏： html javascript 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39080240/article/details/125087792
版权

在开发中遇到的问题，当输入框input的type=number时，仍然可以输入字母e或E，查了资料后才知道，原来当type=number时，计算机是这么处理的：主要原因是e在数学上代表的是⽆理数，是⼀个⽆限不循环的⼩数，其值约为2.7182818284，所以在输⼊e的时候，输⼊框会把e当成⼀个
数字看待。所以，当type=number时，仍然可以输入字母e或E。解决方法是：给type=number的输入框添加一个正则表达式：

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

金宝_Tina
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input[type=number]只能输入数字、小数点，禁止e/E
xiejm2333的博客
03-04 3295
背景 原生input元素，当type=number的时候，允许输入数字、小数点、e(表示指数)。当输入10e的时候，去获取值的时候，会渲染不正确。此时会考虑禁用e/E。 实现 思路 监听keypress事件，中文输入法无效。 所以监听input事件，data表示此刻输入值，_lastValue表示上次的值。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&gt...
vue input 输入校验字母数字组合且长度小于30的实现代码
01-19
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30，具体代码如下所示： <Input v-model=form.glhm placeholder=请输入关联交易号 style=width:240px @on-blur=validateJyh(form.glhm)></...
input设置type为number,禁止输入e等符号,去除上下箭头
zennnlee的博客
04-17 3819
【代码】input设置type为number,禁止输入e等符号,去除上下箭头。
关于Input【type=number】可以输入e问题及解决方案
最新发布
Jensonhui's Blog
06-04 350
关于Input【type=number】可以输入e问题及解决方案
input设置了type为number,但是还能输入e等符号，怎么处理？
cindy647的博客
04-02 3825
在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢 第一个想到的方法：普通正则处理 在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。 那么怎么在根源上...
解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。
陈先生的博客
08-18 2749
其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，使用element ui时el-input的属性type=number，仍然可以输入e，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。通过以上方法就可以解决。
关于input type=“number“的那些事
m0_37622071的博客
02-23 1052
对input type=‘number'的相关问题汇总
Android编程开发之EditText中inputType属性小结
09-02
2. `android:inputType="text"`：基本的文本输入，通常包含字母、数字和标点符号。 3. `android:inputType="textCapCharacters"`：所有字符自动转为大写。 4. `android:inputType="textCapWords"`：每个单词的首字母...
禁止input文本框输入实现属性
09-28
<input type="text" autocomplete="off" id="number" /> ``` 综上所述，`readonly`、`disabled`和`autocomplete`属性提供了多种控制`input`文本框输入的方法。开发者可以根据具体需求选择合适的属性，以达到预期的...
模拟键盘字母及数字输入.zip
03-11
这个类可能包含一系列的静态方法，比如“TypeLetter”和“TypeNumber”，分别用于模拟输入字母和数字。这些方法内部会构造一个“INPUT”结构体，该结构体包含了键盘事件的详细信息，如虚拟键码（Virtual Key Code）...
编辑框限制输入特定文本例程.e.rar
03-28
5. **Android**：在Android开发中，可以设置`EditText`的`inputType`属性，或者在`TextWatcher`中进行定制化过滤： ```xml android:id="@+id/editText" android:inputType="numberDecimal" /> ``` 或 ```java ...
vue v-model.number 和 type=“number“详解
qq_46302247的博客
09-01 8526
当两个input都输入非数字时，v-model.number和v-model的值都不会转为Number类型 当两个input都输入数字时，v-model.number的值会转为Number类型，v-model的值还是String类型 （注意：change方法的回调参数val，都是string类型） ...
el-input type=number的时候相关问题
qq_43340606的博客
03-14 2134
这是el-input的一个bug，就是当他设置类型时number的时候，你用中文输入法输入，点空格确定，他的光标会移动到上面去。el-input设置type为number时，切换为中文输入法输入会让光标上移的问题解决。el-element 中 input设置了type=“number“还能输入e和负数。el-input 使用正则解决限制12位整数和6位小数。el-input类型为number时禁止输入e和.鼠标点击箭头增加减小数值，它的鼠标滚动也会改变。( 其实按键盘上下键还是可以让其变成负数 )
【element-ui】输入框组件el-input输入数字/输出Number类型：type=“number“、v-model.number用法
shawxlee的CSDN博客
02-07 4522
输入框组件el-input输入数字/输出Number类型
type=‘number‘可以输入E、e、+、-的问题
Giraffe0615的博客
08-04 757
type='number'可以输入E、e、+、-的问题
input框type设置为number仍可以输入字母e
BiangBaing的博客
06-17 970
原文链接： https://blog.csdn.net/qq_35371323/article/details/96313117
三行代码搞定input框number类型输入E字母问题
954L
01-02 846
$('input[type=number]').keypress(function (e) { if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) return false; }); 对你有帮助的话，右上角给个赞呗~
【VUE/H5】H5调起数字键盘的坑，及手写移动端键盘代码
热门推荐
LuviaWu的博客
05-07 1万+
h5 调起数字键盘的坑 为了限制只能输入数字，不能输入小数点、加减号，走了敲多的弯路~~（查各种资料，然后各种测试） 现下来看看笔记： HTML5加入了新的input类型 number，这是方便数量输入的。如果是在移动端中，属性type=”number”和type=”tel”会唤起系统的数字键盘，这对于交互还是挺友好的。 一、 type="number"时 1、只允许输入数字，（兼容ios、安卓）...
input type="number" 保持小数点后面两位
WWF_HelloWorld
09-07 5059
其实下面的方法看起来也很low，但是查了很多资料，也没找到一个完美的方法。 <input type="number" class="number"> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascrip...
input 输入框 type="number" 字母e可以输入
05-19
是的，HTML5中的number类型输入框可以输入科学计数法表示的数字，其中包括字母e。...但是，如果你希望输入框只能输入整数，可以使用step属性设置为1，例如：<input type="number" step="1">。这样就只能输入整数了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值