vue项目中，el-input type=“number“可以输入字母e . -的问题解决

最新推荐文章于 2024-10-16 10:25:28 发布
最新推荐文章于 2024-10-16 10:25:28 发布
阅读量3.5k 收藏 4
点赞数 4
分类专栏： Vue框架 有点is 文章标签： elementui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67948827/article/details/128484985
版权 
<el-input v-model.number="val" type="tel" min="0" max="102400" @input="val = String(val).replace(/[^\d]/g,'')" 
/>

input的v-model修改为v-model.number，type修改为tel，input事件用字符串的replace()方法将非数字的内容替换为空即可，然后input就只可以输入正整数了。

more名奇妙
关注
专栏目录
解决type=number的input可以输入+-e符号的情况
tang31415926的博客
05-13 5630
在输入框input标签设置type=number的目的就是为了规避用户输入数字以外的内容。然而，在html的w3c标准里，e认定为自然对数中的无理数常量，+-则是表示正负，生产中有时不需要甚至禁止输入这些。
element el-input type=number的时候隐藏上下箭头，并且禁止鼠标滚动改变值，禁止输入e
TodayStartWJH的博客
07-30 4951
element el-input type=number的时候隐藏上下箭头，并且禁止鼠标滚动改变值，禁止输入e
禁止type=‘number‘的input框输入字母e，input框输入非负整数，小数限制
我愿化作繁星
11-27 1625
1.例如input框为。
el-input设置type=‘number‘和v-model.number的区别
weixin_46394325的博客
09-11 831
el-input设置type=‘number’和.number修饰符的区别
elementui 中 el-input type使用number时可以输入e 和+、-
qq_63605379的博客
01-18 1371
但是这个方法在我们项目中是不生效的 但是可以采取他这个使用正则表达式来完成。输入框能输入e也是把e当成了number 因为e是个无理数。这样输入框就不可以输入e、+、-了。使用@input事件 代码如下。网上大多都用的原生事件。
el-input设置了type=“number“还能输入e和中文输入光标上移的问题记录
Hassan的小博客!
04-26 2224
el-input设置type="number"可以输入e，输入中文光标上移等
关于Input【type=number】可以输入e问题及解决方案
Jensonhui's Blog
06-04 721
关于Input【type=number】可以输入e问题及解决方案
element-plus 中的el-input-number数字框可以输入e、E等符号的解决方案
最新发布
jianjieX的博客
10-16 122
自然常数，符号e，为数学中一个常数，是一个无限不循环小数，且为超越数，其值约为2.718281828459045。所以在使用el-input-number时默认能够输入，但是部分场景下，我们不希望用户输入这种符号。
解决使用element ui时el-input的属性type=number，仍然可以输入e的问题。
陈先生的博客
08-18 3012
其他的中文特殊字符都不可以输入，但是只有e是可以输入的，原因是e也输入作为科学计数法的时候，e是可以被判定为数字的，使用element ui时el-input的属性type=number，仍然可以输入e，但是有些场景是需要把e这种情况屏蔽掉的，我们可以使用如下的方法。在进行键盘事件输入时，进行监听，禁止e的输入。通过以上方法就可以解决。
Element-UI el-input组件type=“number“的样式修改
Jana Jing的分享
07-14 6087
el-input组件
vue-number-input:Vue.js的数字输入组件
04-10
提示号码输入 ...npm install vue @chenfengyuan/vue-number-input 在浏览器中： < script src =" /path/to/vue.js " > </ script > <!-- Vue.js is required --> < script src =
vue-input-number-Vue.js 2的自定义输入数字组件。-Vue.js开发
05-27
vue输入编号Vue.js 2的自定义输入编号组件。安装Yarn yarn add vue输入编号--dev NPM npm安装vue输入编号--...安装Yarn yarn添加vue-input-number --dev NPM npm安装vue-input-number --save-dev前提条件Vue.js 2用法
el-input/el-input-number在vue中优雅实现禁止输入特殊字符
weixin_44094836的博客
05-06 1473
问题描述：前端提交form表单要求el-input/el-input-number，不能输入 @#¥%……&*…… 分析问题：在事件或者方法中把字符串替代成空 解决问题： 1） 在mian.js中添加【vue原型上添加方法，便于全局使用】 Vue.prototype.validForbid = function (value, number = 255) { value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]
input设置了type为number,但是还能输入e等符号，怎么处理？
cindy647的博客
04-02 4014
在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢 第一个想到的方法：普通正则处理 在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。 那么怎么在根源上...
input的type属性设为number后可以输入e
weixin_39218464的博客
03-07 1191
原因: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)
el-input的type为number输入e会显示
m0_46581222的博客
04-12 200
直接用表单校验吧。
element 中的input 输入数字但可以输入e的解决方法
weixin_53027736的博客
12-05 651
【代码】element 中的input 输入数字但可以输入e的解决方法。
element input类型为number时的（坑）光标上移，去掉后方箭头，maxlength失效，还可输入e特殊字符等问题
Xiao_XianYu_的博客
01-06 727
<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.
type类型为number的input标签可以输入字母e
半个程序员的博客
07-17 5447
关于< input type=“number” />可以输入字母e！！！ 今天偶然间发现一个神奇的问题：一个type属性值设置为number类型的input标签可以输入字母e|E <input type="number" class="form-control" placeholder="number"> 主要原因是：e在数学上代表的是无理数，是一个无限不循环的小数，...
el-input type="number" 不让输入负数
09-28
`el-input` 是 Element UI 中的一个组件，它是一个用于输入文本的单行输入框，如果要在其中限制用户只能输入数字并且不允许输入负数，可以利用其 `type` 属性结合自定义验证事件来实现。 在 Vue.js 中，你可以这样...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值