elementui 中 el-input type使用number时可以输入e 和+、-

最新推荐文章于 2024-07-16 10:12:45 发布
最新推荐文章于 2024-07-16 10:12:45 发布
阅读量1.2k 收藏 8
点赞数 9
分类专栏： elementui HTML+CSS 文章标签： elementui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63605379/article/details/135677690
版权

输入框能输入e也是把e当成了number 因为e是个无理数

网上大多都用的原生事件

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

但是这个方法在我们项目中是不生效的 但是可以采取他这个使用正则表达式来完成

使用@input事件 代码如下

 <el-input v-model.number="form.num" @input="form.num = String(form.num).replace(/[^\d]/g,'')"></el-input>

这样输入框就不可以输入e、+、-了

riyue666
关注
专栏目录
element el-input type=number的时候隐藏上下箭头，并且禁止鼠标滚动改变值，禁止输入e
TodayStartWJH的博客
07-30 4784
element el-input type=number的时候隐藏上下箭头，并且禁止鼠标滚动改变值，禁止输入e
解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。
陈先生的博客
08-18 2923
其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，使用element ui时el-input的属性type=number，仍然可以输入e，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。通过以上方法就可以解决。
el-input-number组件校验输入正整数
weixin_43962020的博客
03-29 644
优点：定向监听，不会影响其他内容；缺点：无法监听中文输入法输入的内容和粘贴的内容。优点：可以限制中文输入法e的输入和粘贴；缺点：会清空之前输入的数字。监听输入框的内容，在输入内容不符合条件时清空输入框的值。限制输入框输入正整数，不能输入e和小数。监听键盘输入，输入e时不允许输入。
el-input的type为number时，去掉右侧的上下箭头
最新发布
weixin_55737212的博客
07-16 274
【代码】el-input的type为number时，去掉右侧的上下箭头。
type=‘number‘可以输入E、e、+、-的问题
Giraffe0615的博客
08-04 790
type='number'可以输入E、e、+、-的问题
(vue)复合型输入框el-input输入数字类型，e，+，-等特殊符号可以输入
nyf_unknow的博客
02-29 923
【代码】(vue)复合型输入框el-input输入数字类型，e，+，-等特殊符号可以输入。
vue3+ts+elePlus 解决el-input-number可以输入+或者-的解决方法
Timi_666的博客
05-25 1838
在项目开发中发现el-input-number可以输入10+或者-10+这样的奇怪组合导致提交时value变成了null。在utils的文件夹中先建一个TiMiInputNumber.ts文件。场景使用 加入v-timi-keydown。在main.ts中全局注册引用。解决办法使用keydown。进阶用法变成自定义指令。
vue项目中，el-input type=“number“可以输入字母e . -的问题解决
青山不改，绿水长流。
12-29 3489
input的v-model修改为v-model.number，type修改为tel，input事件用字符串的replace()方法将非数字的内容替换为空即可，然后input就只可以输入正整数了。
el-input设置了type=“number“还能输入e和中文输入光标上移的问题记录
Hassan的小博客!
04-26 2097
el-input设置type="number"可以输入e，输入中文光标上移等
关于Input【type=number】可以输入e问题及解决方案
Jensonhui's Blog
06-04 586
关于Input【type=number】可以输入e问题及解决方案
el-input-number无法过滤e、+、-、.等特殊字符
AM1n98的博客
06-26 703
el-input-number是一种特殊的输入框，用来输入数字。除了可以直接键盘输入数字外，还支持通过上↑、下↓按钮对数字进行调整。然而，el-input-number对于输入字段的处理并不严格限制只能输入数字，而是允许用户输入一些额外的字符，比如+、-、.、e、E，这个问题在原生input事件中也会出现，原因见下文。
前端vue elementui中el-input只能输入数字
05-27
如果你想让 `el-input` 中只能输入数字，可以添加 `type="number"` 属性。示例代码如下： ```html <el-input type="number" v-model="num"></el-input> ``` 这样，用户在输入框中只能输入数字，如果输入非数字字符...
Vue + Element el-input-number计数器限制只能输入[0,100]区间的数
idjiang的博客
07-09 6082
Vue + Element 限制只能输入[0,100]区间的数 <template> <div> <el-input-number v-model.number="num1" controls-position="right" :min="0" :max="100" @input.native="onInput0_100" onKeypress="return (/[\d\.]/.test(St
element-ui：el-input输入数字-整数和小数
m0_67391401的博客
08-01 3552
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。依赖package.json。入口文件main.js。可以输入数字，和字符串。可以输入数字，和字符串。代码App.vue。...
elementui//el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用 &nbsp；
weixin_37877794的博客
09-12 1312
el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用 &nbsp; 修改后： 不用 :gutter。改用 &nbsp; <el-form-item v-for="(item, index) in form.value" :label="`字典${index + 1}`" :key="item.id" :prop="`value.${$index}`
elementUI 输入框只能输入正整数，不能输入字母 e 以及+ - 号
前端打工人的博客
12-09 1738
<el-input :inline="true" v-model="dialogForm.closeTime" onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" type="number"> </el-input>
input的type属性设为number后可以输入e
weixin_39218464的博客
03-07 1165
原因: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)
element input类型为number时的（坑）光标上移，去掉后方箭头，maxlength失效，还可输入e特殊字符等问题
Xiao_XianYu_的博客
01-06 695
<el-input v-model="value" placeholder="请输入手机号码" clearable type="number" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"//限制输入e等特殊字符 oninput="if(value.length>11)value=value.slice(0,11)" //长度为0-11位 @keyup.enter.native="handleQuery.
input设置了type为number,但是还能输入e等符号，怎么处理？
cindy647的博客
04-02 3925
在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢 第一个想到的方法：普通正则处理 在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。 那么怎么在根源上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值