el-input校验只能输入数字、英文逗号出现的问题

原创 已于 2023-12-08 14:36:42 修改 · 1.1k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#正则表达式 #javascript #vue.js

于 2023-12-08 14:22:05 首次发布
文章讨论了在使用el-input组件进行数字和英文逗号输入校验时遇到的问题，用户发现不同输入法下会出现输入12后跟中文逗号导致内容变为1,3。作者尝试了允许中文逗号并替换为英文逗号的临时解决方案，寻求更优方法。
部署运行你感兴趣的模型镜像

问题如下：

el-input输入框使用@input="value = value.replace(/[^\d,]/g, '')"校验只能输入数字、英文逗号时，在前面输入两个数字12然后输入了中文逗号之后，输入框内容会变成1,3

当时发现电脑自带的输入法没有这个问题，切换成搜狗输入法、百度输入法都有这个问题

找了很久也没有解决这个问题，后面想的方案是允许输入中文逗号，然后替换成英文逗号

onkeyup="value=value.replace(/[^\d,，]/g, '').replace(/，/,',')"

不知道大家还有没有别的更好的方法

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

Lella
关注
input输入框输入只能输入数字、字母等组合的正则表达式
m0_64590669的博客
12-28 3216
input输入框输入只能输入数字、字母等组合的正则表达式
el-input 限制输入框只能输入数字和小数以及表单常用的校验规则
aaa123aaasqw的博客
05-28 1995
oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数。oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字。
解决vue中监听input只能输入数字及英文或者其他情况的问题
10-18
今天小编就为大家分享一篇解决vue中监听input只能输入数字及英文或者其他情况的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
正则替换实现输入框只能有数字、中英文逗号
12-13
本来很简单的小功能，因为细节折腾了一会，所以一定要细心才行 实现代码也比较简单大家可以参考下 核心代码： function renumdou(str){ var regexp = /[^\d，,]]*/g; newstr=str.replace(regexp,""); return newstr } 软件开发网小编给大家分享另外一个不错的代码： 自动检测数字替换 数字正则表达式 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITL
正则_input输入框只能输入数字和英文逗号
qq_22651387的博客
02-21 4808
onkeyup="this.value=this.value.replace(/[^\d\,]/g,'')"    
el-input只能输入数字或者中英文以及数字与限制长度的使用
祖先生的博客
05-28 1814
只能输入数字 <el-input v-model.trim="form.sort" oninput="value=value.replace(/[^\d]/g,'')" :disabled="disabled" maxlength="5" show-word-limit /> 只能输入中英文以及数字 .
el-input的经纬度校验
06-10
<el-input v-model="latlng" placeholder="请输入经纬度" :pattern="latlngPattern"></el-input> ``` 其中，latlng 是经纬度的值，latlngPattern 是上面定义的正则表达式。这样，当用户输入的经纬度格式不正确时，...
el-input 金额输入框
最新发布
11-26
- 只能输入数字和小数点 - 小数点后最多保留两位 - 不允许输入负数（可选） - 自动格式化金额（如：每三位加逗号） - 支持删除、光标移动等正常输入操作 下面是一个基于 Vue 3 + Element Plus 实现的金额输入框示例...
el-select输入禁止逗号
03-27
上述代码会在每次用户输入时调用 `handleInput` 函数[^1]，并通过正则表达式 `/,/g` 将所有的逗号替换为空字符串，从而达到禁止输入逗号的效果。 --- #### 方法二：自定义校验逻辑 另一种方法是利用 Vue 的计算...
vue表单中el-input两个文本框，一个输入劳动者姓名，一个输身份证号后六位，均可输多个用英文逗号分隔，但是输入的劳动者的数量要和输入的身份证的数量相同，否则提示
07-29
根据用户需求，需要在Vue表单中使用el-input组件实现两个输入框的校验，确保输入的劳动者姓名数量与身份证号后六位的数量一致。两个输入框都是以英文逗号分隔多个输入值。 思路： 1. 使用el-form和el-form-item来...
只能输入字母和数字的输入框.rar
07-04
请输入数字或字母：<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData ('text').replace(/[^\d]/g,''))">
el-input只能输入数字/中文/英文/小数点等等
m0_58293192的博客
02-14 1467
<el-input style="width: 60px" v-model="scope.row.gain" onkeyup="value=value.replace(/[^\d]/g,'')" @change="((val)=>{ inputChange(val, scope.$index) })"/>% 只需要假如下面的属性就可以了 onkeyup="value=value.replace(/[^\d]/g,'')"
input只能输入数字并以千分位逗号隔开，小数位后只能输入两位
m0_72906718的博客
11-29 609
女性三围--表单只能输入数字和英文输入下的逗号
ylhsuper的博客
06-19 547
最近做项目遇到的小总结下： 女性三围--表单只能输入数字和英文输入下的逗号的正则。 html: js: //输入三围 $("#sanweiVal").on("input",function(){ $(this).val($(this).val().replace( /[^\d,]]*/g,''));//只能输入数字和英文逗号 });
el-input输入框数字，小数点，字母等多种类型限制
liang04273的博客
11-06 9369
【代码】el-input输入框数字，小数点，字母等多种类型限制。
输入框校验只能输入数字，限制三个字符；输入字符不限，限制保留小数点后两位
weixin_46939404的博客
10-31 1464
输入框校验只能输入数字，限制三个字符；输入字符不限，限制保留小数点后两位
input验证只能输入数字，逗号和小数点的正则表达式
在工作中记录下美好的瞬间~~
01-07 2575
input type="text" class="form-control" autocomplete="off" onchange = "if(/[^\d+(,\d\d\d)*.\d+$]/g.test(this.value)){layer.alert('只能输入数字');this.value='';}">
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值