设置输入框只能输入数字和逗号

最新推荐文章于 2023-12-08 14:22:05 发布
原创 最新推荐文章于 2023-12-08 14:22:05 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #ViewUI

本文介绍了一种使用 JavaScript 在网页表单中限制用户输入的方法，确保用户只能输入数字和逗号。通过 onkeyup 和 onkeypress 事件，有效地过滤了非期望字符。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

只能输入数字

 onkeyup="this.value=this.value.replace(/[^0-9]/,'')"
 onkeypress="this.value=this.value.replace(/[^0-9]/,'')"

 

可以输入数字和逗号

onkeyup="this.value=this.value.replace(/[^0-9\,]/,'')"
 onkeypress="this.value=this.value.replace(/[^0-9\,]/,'')"

html页面设置只能输入数字,限制 html input 只能输入数字的方法
weixin_39680380的博客
06-03 2927
在前台的 html 页面设计中，有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢？下面飞鸟慕鱼博客的小编就来和大家说一说！限制 input 只能输入大于 0 的正整数的示例示例1：下面的代码可以实现，input 只限制输入大于 0 的正整数，但是如果使用复制粘贴内容的方法，是可以绕过判断的，因为它只有一个 keyup 事件！示例2：下面的代码，可以完美解决复...
正则_input输入框只能输入数字和英文逗号
icecoola_的博客
05-25 1万+
onkeyup="this.value=this.value.replace(/[^\d\,]/g,'')"
输入框只能输入字母/数字/逗号/单引号/空格
dw8635的博客
04-27 756
e.replace(/[`!@#$%^&*()-=+<>?:\\[\]~!@#$￥&*（）——\-+={}|《》？：“”【】、；。\g,'') 禁止特殊符号输入，如果输入转换为空
正则-补充（这回只能输入数字和逗号！！）
weixin_30387339的博客
05-24 1076
input 监听输入，，只能输入数字和逗号，输入其他都自动删除 这是方法： 然后绑定事件： <el-input @keyup.enter.native="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号，请用英文逗号隔开。"></e...
限制输入框只能输入数字和英文逗号
aa_ron的博客
12-06 6483
2016年12月06日 第一次在csdn上写博客 来记录自己的java学习过程吧   欢迎大家吐槽（ps.本人属于转行过来的，所以一切完全是从头开始，可能会有一些大神觉得很low的总结，如果看到了就忍忍吧 哈哈 ）。 最近做的一个 添加教材的功能，文档教材，要输入文档章节名称，根据回车换行保存不同的章节，还要保存每章的学习时长，不同章节的时长用 英文逗号隔开了（有点啰嗦哈，终于到了问题），然后现
el-input校验只能输入数字、英文逗号出现的问题
最新发布
Lella的博客
12-08 1101
el-input输入框使用@input="value = value.replace(/[^\d,]/g, '')"校验只能输入数字、英文逗号时，在前面输入两个数字12然后输入了中文逗号之后，输入框内容会变成1,3。当时发现电脑自带的输入法没有这个问题，切换成搜狗输入法、百度输入法都有这个问题。找了很久也没有解决这个问题，后面想的方案是允许输入中文逗号，然后替换成英文逗号。
input输入框只能输入数字、字母相关组合
探索 Java 编程的技巧、最佳实践和解决方案。本博客提供针对 Java 开发者的实用指南，涵盖从基础到高级话题，旨在提升编程效率和技能。
11-05 886
输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点 <input type="text" onkeyup="value=value.re.
JavaScript replace()方法限制文本框输入文本类型(数字/字母等)的正则表达式
空山
01-16 3495
以下代码均收集自互联网,部分代码未被测试其正确性,使用过程中，如有错误劳烦在评论中指出。 01.只能输入数字(小数点也不能输入) "this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 02.只能输入数字及小数点 (1).方法一 "if(
【 javascript】＜input＞ 实现输入框只能输入数字（个人认为最好的）
weixin_55846296的博客
08-11 3万+
form表单实现限制输入框只能输入数字（多个方案供大家选择）
vue输入框限制各种输入格式
WanFengZhou
08-12 2464
（1）限制只能输入数字、带小数点的数字 <el-input v-model="form.userName" @input="onInput('keyName', $event)"></el-input> // 限制只能输入数字、带小数点的数字、小数点保留5位，想要小数点后保留多少位，可将{0,5}中的5改为对应的位数，例如保留1位：{0,1} onInput(key, event){ this.form[key] = event.match(/^\d*(\.?\d{0,5})
js控制文本框只能输入正整数和逗号
05-28
js控制文本框只能输入正整数和逗号,且检查字符是否是数字
vue限制只能输数字
qq_30815659的博客
04-04 1万+
1.使用修饰符实现数字输入 在VUE中可以在v-modal后添加修饰符的形式来限制输入，比如： <input v-model.number="testValue" type="number"> .number可以实现限制数字输入，但是会有以下问题： 会出现type="number"自带样式，当然可以通过添加以下css清除 /* 普通IE浏览器 样式清除 */ input::-webkit-outer-spin-button,input::-webkit-inner-spin-but
正则只能输入数字和英文逗号，如:12,34 ,25 45,
weixin_46391404的博客
03-31 4729
<el-form-item prop="get"> <el-input v-model="form.get" @input="(val)=>{getUps(val)}" autocomplete="off" style="width: 260px;" placeholder="请输入"> </el-input> <span class="lengthMIn">（以英文逗号分隔）</span> </el-form-
前端的小玩意（1）input 只允许输入整数 + 用逗号进行三位分割
weixin_34128411的博客
06-17 774
（34）将输入框数字，每3位用逗号分隔 输入框的值为this.value JS代码： function toHaveComma(obj) { console.log(obj.value); var val = obj.value.toString(); var length = val.length; for (var...
vue中限制input只能输入数字-示例
热门推荐
zpcqdkf的博客
05-23 5万+
方法1 new Vue({ el:'#demo', data:{ oldNum:0 }, computed:{ inpNum:{ get:function(){ return this.oldNum; }, ...
vue中逗号的使用方法,用户输入数字时，Vue.js可以添加逗号吗？
weixin_42656416的博客
01-12 725
I see this topic, But this is Jquery, How can I change it to Vue.js ? Is v-on supported in Vue.js Where is my mistake. Sorry for my terrible English.el: #vue,methods:{AddCammas : funtion(){if(event.wh...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值