解决数值input输入框 输入字母e的问题

最新推荐文章于 2024-08-17 14:26:00 发布
最新推荐文章于 2024-08-17 14:26:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： html标签类 文章标签： 数据库 前端 typescript vscode 正则表达式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lei2021_type/article/details/126480097
版权
本文介绍了一个问题：当在数字输入框中按'e'键时，会被误解为数字。原因在于'e'被视为数学中的无限不循环小数。给出了使用JavaScript的onkeypress属性进行输入判断的解决方案，通过正则表达式确保只输入数字。
摘要由CSDN通过智能技术生成

问题:  

         若页面只需要输入常规数字:0-9时,此时按下e字母键 也会输入进去

问题原因:

        因为在数学中,e时一个无限不循环小数. 其值为:2.7182818284. 所以,在输入框时,输入框将会将其看成是一个数字看待.

解决方案:

        可以在input元素中 添加onkeypress 属性判断:

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

        即可!        

虚心的小白菜
关注
专栏目录
input输入框输入数字或小数后每隔三位按逗号分隔，小数只能输入两位
weixin_44158799的博客
09-03 1073
标题input输入框输入数字或小数后每隔三位按逗号分隔，小数只能输入两位 // value是当前input输入的值，name是表单中绑定的当前input的key值 controlAmount(value) { if(value!=''){ value = value.replace(/[^\d.]/g, ''); // 清除"数字"和"."以外的字符 value = value.replace(/^\./g, '');
Element input输入框 限制输入数据规则
crazybai0001的博客
11-09 1万+
本文实现在VUE+Element环境下使用文本框时，限制文本框中输入数据格式的限制，使用的是el-input组件，将其type设置为了number，在配合在oninput中设置接收数据规则，实现了具体需求。
input数字输入框可以输入e的原因
走走看看，珍惜每一刻
11-07 3905
今天在查看表单实例的时候，发现了一个只能输入数字的input，却可以输入e字母， &lt;Input type="number" v-model.number="form.number" placeholder="请输入"/&gt; 原因是e在数学上代表无理数，e是自然对数的底数，是一个无限不循环小数，其值是2.71828…，所以在输入e时，输入框认为是数字。 为了避免这个bug，我们可以是用...
input（不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字）
yushun的博客
01-09 885
input（不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字）
input[type=number]下禁止输入e、+、-
最新发布
乔的博客
08-17 113
输入框有自带的上下箭头，即input[type=number]实际上为步距输入框也就是计数器…会有自带的样式，顺带下面附上解决方案…输入框input[type=number]能输入的e = 2.71828…
input type="number" 禁止输入E
03-15 3068
$(‘input[type=number]’).keypress(function(e) { 　　if (!String.fromCharCode(e.keyCode).match(/[0-9.]/)) { 　　　　return false; 　　} }); fromCharCode()是String的一个方法，可接受一个指定的Unicode值，返回一个字符串 使用方法：String....
input框1连--数字输入框能输入e的原因
JiAyInNnNnN123的博客
05-21 872
<input type="number"/> 在自测项目的时候无意中发现只能输入数字的输入框居然可以输入e。 这是由于 e 在数学上代表 2.71828，因此它也是一个数字，所以允许输入。 <input type="number" placeholder="请输入" onKeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"/> 写上这段代码就可以了，但是！！！！！ 当在用中文输入法输入e然后按s
网页: input数字输入框可以输入e的原因及其解决方法
酷伊奥
07-05 2965
今天公司的测试员在测试项目时提出了一个问题：当我们把input框的type值设置为number的时候，虽然限制了只能输入数字，但是这个时候我们会惊奇的发现 e 是可以输入的。 <input type="number" placeholder="最低值" />~<input type="number" placeholder="最高值" /> 去查了一下资料才知道，因为 e 在数学里的它代表的是无理数，e是自然对数的底数，同时它又是一个无限不循...
【记录】限定input输入框只能输入/输出数字
qq_45768703的博客
12-29 2177
限定input输入框只能输入/输出数字 1、input用一个type输入，可以修改为number <input type="number"/> 2、使用onkeyup事件，有bug，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 <input type="text" onkeyup = "value=value.replace(/[^\d]/g,'')"> 3、使用onchange事件，在输入内容后，只有input丧失焦点时才会得到结果，并不能在输入时就
jeecg-boot 前端设置 input 输入框只能输入数字
北芒的博客
08-27 4207
背景描述 让其只能数字 现在代码展示 { title: '项目投资（万）', key: 'projectInvestment', type: FormTypes.input, width: '200px', placeholder: '请输入${title}', defaultValue: '', validateRules: [{ required: true, message: '${title}不能为空' }], }, 修改方法 input 改为 input.
bootstrap中input输入框限制
macangyewangs的博客
09-16 1858
输入中文、数字、英文: <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"> 输入数字和字母： <input onKeyUp="value=value.replace(/[\W]/g,'')"> 输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 只能输入英文字母
input type=number 输入框禁止输入e
qq_43103581的博客
08-21 1566
<input type="number" @keydown.native="inputLimit" /> inputLimit (e) { let key = e.key if (key === 'e') { e.returnValue = false return false } return true ...
el-input的number类型里输入e、+、-符号返回值为空？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
04-03 3671
问题 最近测试发现了一个问题： 在el-input的number类型里输入3eee、2-1、2+3…之类的，返回值是空的 解决 我这边采取的解决方案就是：不允许用户往里面输入'e'和'.'、'+'、'-'、'Shift' <el-input type="number" @keydown.native="inputLimit"></el-input> inputLimit ...
input输入框中保持仅能输入数字，禁止输入+、-、e，保留固定小数位长度
weixin_40289389的博客
04-24 2917
在日常的开发中会遇到表单中输入金额的实例，这时候财务会让我们保留输入框金额小数点固定位数，如果仅仅适用<input type='number'> 是没办法直接做到的，会将+、-、e识别位数字的一种，随意这时候就需要我们单独处理，下面的例子以vue2 结合ElementUI 编写： <template> <input v-model="item.amount" type="number" @input="(value)=&gt
解决数值输入框可以输入字母E的问题
m0_50520143的博客
04-27 1071
1、问题描述 （1）如果页面需要输入常规数值时，我们通常会使用number类型的控件。这样浏览器会自动忽略非数值字符，只能输入数字进去。 <inputtype="number"/> （2）但我们发现还是能输入进去字母E，无论大写还是小写（当然除了e以外的其它字母确实无法输入）。 2、问题原因 e在数学上代表的是无理数，是一个无限不循环的小数，其值约为2.7182818284，所以在输入e的时候，输入框会把e当成一个数字看待。 3、解决办法 （1）如果我们...
vue项目中，el-input type=“number“可以输入字母e . -的问题解决
ZaynahLy的博客
09-24 1万+
问题： input type="number"可以输入字母e input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，所以它也还是一个数字，所以能输进去。 解决办法为在input属性上加上：解决办法为在input属性上加上： onKeypress=”return (/[\d]/.test(String.fromCharCode(event....
JavaScript 实现 input 标签只能输入数字(且不能输入e或者其他各种符号)
热门推荐
请叫我大师兄
02-18 1万+
实现一个输入框只能输入数字，不能输入汉字，字母，其他各种符号，或者是e(inputtype设置为number也是可以输入e的)的js实现。ime-mode顺带理解下。
vue输入框只能输入数字类型，禁止输入和粘贴e
九亿宅男的梦的博客
08-17 1136
/ 使用 replace 方法替换 "e" 为空字符串 console.log(numStr);// 输出 "10000000000"// 转换为字符串，自动移除 "e"// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。
input 在number类型不可以输入e的方法
qq965359889的博客
11-07 433
ipute(e) {},
JavaScript正则表达式：数字、小数点与字母输入验证
本文主要探讨如何使用正则表达式来限制一个输入框（input field）仅允许用户输入数字、小数点以及英文字母。以下是一些实例和方法： 1. **使用replace()函数**： 这段代码片段使用了`replace()`函数和正则表达式`\...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值