input框只能输入数字 - bug

最新推荐文章于 2024-06-15 14:41:39 发布
最新推荐文章于 2024-06-15 14:41:39 发布
阅读量137 收藏 1
点赞数 1
文章标签： vue.js javascript servlet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64707449/article/details/129297806
版权

                        商户ID只能输入数字 

bug原因：前提是输入框先输入汉字，再输入英文，在输入数字，点击清除就清除不了

以下加onkeyup，或者oninput等都不行

            <el-form-item label="商户ID：" prop="userId">

              <el-input v-model="search.userId" placeholder="请输入商户ID" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"

               @click="confirmTelephone"   maxlength="20" size="small"/>

            </el-form-item>

 

 

      confirmTelephone(){
        let _this=this
        if (!/^1[0-9]{10}$/.test(_this.search.userId))
          _this.search.userId = '';
      },

解决方法：

          <template slot="search">
            <el-form-item label="商户ID：" prop="userId">
              <el-input v-model="search.userId" placeholder="请输入商户ID"   @input="inputChange"   maxlength="20" size="small"/>
            </el-form-item>



      inputChange(val) {
        this.search.userId = this.search.userId.replace(/[^0-9.]/g, '')
      },

是阿狸
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EfsFrame(java开发框架) v2.2 源代码.rar
07-06
EfsFrame是一套整体的企业级php开发框架解决方案，整个框架体系中包含了Web表现层开发包，组件开发包，基础数据库设计一整套完整的基于B/S架构应用程序设计开发的完整解决方案。Efs框架从研发到时间，历时近10年，积累了大量实战软件工程专家、数学专家的心血不断完善而成，已应用的大大小小的项目几十个，从小项目的开发管理维护设计到大项目的负载均衡设计，Efs逐渐形成了一整套完整的基于B/S架构的设计解决方案。 EfsFrame(开发框架) 2.2 升级内容： 1、bug修正 a)修正 firefox环境下的快捷键好像不太支持的问题； b)修正 firefox环境下的menuDisabled  属性无效    store的 remoteSort 属性无效； c)修正分页列表中下面分页条中 分页那里直接输入数字，回车不跳页的问题； d)修改 一个form中同时存在两个datetime的input时，第二个不能选择时分的bug； e)增加 input的 kind与datatype的自动对应关系默认对应关系为： Kind为 int、float时  datatype默认为 “1” Kind 为 data时 datatype默认为”3” Kind 为 datatime时 datatype默认为”4” Kind为其他值时 datatype默认为”0” 2、新的扩展 a)扩展对select的应用，默认将select对象渲染为ext的combobox对象，     详细说明见相关文档 b)扩展对多文件、单文件上传的封装（详细说明见相关文档）。 c)扩展高级插件editorgrid（可动态的添加、修改、删除行，对行的单元格进行编辑）（授权用户可用） d)扩展高级插件grid扩展列插件（授权用户可用） EfsFrame主要特点： 基于Ext的优秀企业级开源框架（精通一种、掌握两种） •语言支持：Java、.Net、PHP、Asp •数据库支持：Oracle、SqlServer、MySQL 强大灵活，接口简单实用的表现层（2天学会Extjs开发） •懂Html、简单Js即可快速上手Extjs开发 •无需美工、代码简单，提升Web开发4-8倍效率 设计灵活、高效、开源的组件层 •有任何数据库编程基础2天内即可轻松上手 •Java、.Net、PHP模型互通，学会一种、掌握两种，最大限度为用户节省跨平台成本 •支持Oracle、SqlServer、MySQL数据库模型，轻松解决跨数据库难题 完善的企业级框架模型，能轻松搭建任何B/S应用底层管理模型 •事务事件管理、单位管理、用户管理、角色权限分配管理 •字典管理、唯一编码分配管理、错误日志追踪管理 EfsFrame框架设计目标： l、整体提升企业的项目管理水平； 2、整体提升企业的研发人员的研发水平； 3、整体提升企业的项目研发效率； 4、整体提升企业的项目研发的健壮性； 5、最大限度减少企业的项目维护成本；
EfsFrame(php开发框架) v2.2 源代码.rar
07-16
EfsFrame是一套整体的企业级php开发框架解决方案，整个框架体系中包含了Web表现层开发包，组件开发包，基础数据库设计一整套完整的基于B/S架构应用程序设计开发的完整解决方案。Efs框架从研发到时间，历时近10年，积累了大量实战软件工程专家、数学专家的心血不断完善而成，已应用的大大小小的项目几十个，从小项目的开发管理维护设计到大项目的负载均衡设计，Efs逐渐形成了一整套完整的基于B/S架构的设计解决方案。 EfsFrame(php开发框架) 2.2 升级内容： 1、bug修正 a)修正 firefox环境下的快捷键好像不太支持的问题； b)修正 firefox环境下的menuDi
python实现输入数字的连续加减方法
12-24
不用库，写了很久，一直出bug，到网上一搜，可以直接输入之后，eval(str)即可得到结果！ eval程序如下： s=input("请输入要运算的数字") print("The result is{}".format(eval(s))) 下面是不用eval实现加减的代码：主要思想就是通过一个标志位flag来计算是否进行加减，其他的都很好理解 s=input("请输入要运算的数字") l=len(s) h=0 i=0 flag=1 a=0 for i in range(0,l): if s[i]=='+' or s[i]=='-': flag=1 c=s[i] else:
EfsFrame(php开发框架) 2.2.rar
05-24
EfsFrame是一套整体的企业级php开发框架解决方案，整个框架体系中包含了Web表现层开发包，组件开发包，基础数据库设计一整套完整的基于B/S架构应用程序设计开发的完整解决方案。Efs框架从研发到时间，历时近10年，积累了大量实战软件工程专家、数学专家的心血不断完善而成，已应用的大大小小的项目几十个，从小项目的开发管理维护设计到大项目的负载均衡设计，Efs逐渐形成了一整套完整的基于B/S架构的设计解决方案。 EfsFrame(php开发框架) 2.2 升级内容： 1、bug修正 a)修正 firefox环境下的快捷键好像不太支持的问题； b)修正 firefox环境下的menuDisabled  属性无效    store的 remoteSort 属性无效； c)修正分页列表中下面分页条中 分页那里直接输入数字，回车不跳页的问题； d)修改 一个form中同时存在两个datetime的input时，第二个不能选择时分的bug； e)增加 input的 kind与datatype的自动对应关系默认对应关系为： Kind为 int、float时  datatype默认为 “1” Kind 为 data时 datatype默认为”3” Kind 为 datatime时 datatype默认为”4” Kind为其他值时 datatype默认为”0” 2、新的扩展 a)扩展对select的应用，默认将select对象渲染为ext的combobox对象，     详细说明见相关文档 b)扩展对多文件、单文件上传的封装（详细说明见相关文档）。 c)扩展高级插件editorgrid（可动态的添加、修改、删除行，对行的单元格进行编辑）（授权用户可用） d)扩展高级插件grid扩展列插件（授权用户可用） EfsFrame主要特点： 基于Ext的优秀企业级开源框架（精通一种、掌握两种） •语言支持：Java、.Net、PHP、Asp •数据库支持：Oracle、SqlServer、MySQL 强大灵活，接口简单实用的表现层（2天学会Extjs开发） •懂Html、简单Js即可快速上手Extjs开发 •无需美工、代码简单，提升Web开发4-8倍效率 设计灵活、高效、开源的组件层 •有任何数据库编程基础2天内即可轻松上手 •Java、.Net、PHP模型互通，学会一种、掌握两种，最大限度为用户节省跨平台成本 •支持Oracle、SqlServer、MySQL数据库模型，轻松解决跨数据库难题 完善的企业级框架模型，能轻松搭建任何B/S应用底层管理模型 •事务事件管理、单位管理、用户管理、角色权限分配管理 •字典管理、唯一编码分配管理、错误日志追踪管理 EfsFrame框架设计目标： l、整体提升企业的项目管理水平； 2、整体提升企业的研发人员的研发水平； 3、整体提升企业的项目研发效率； 4、整体提升企业的项目研发的健壮性； 5、最大限度减少企业的项目维护成本；
element input限制只能输入数字
weixin_52379241的博客
12-06 868
<el-input v-model="material.scPrice" maxlength="5" pattern="[0-9]*" inputmode="decimal" onkeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" @keyup.native="material.scPrice...
el-input只允许输入数字
qq_36959274的博客
01-24 1万+
有时候输入框里只允许输入数字 法一： <el-input v-model="inputValue" onKeypress="return(/^[0-9]*$/.test(String.fromCharCode(event.keyCode)))"> </el-input>
解决Element-ui input限制输入数字时先输入汉字后无法绑定的问题
weixin_41519511的博客
06-15 806
在上面的示例代码中，我们在 el-input 组件上监听了 input 事件，并使用 handleInput 方法来处理输入。在该方法中，我们首先使用正则表达式来验证输入值是否为正整数。在 Element UI 的 el-input 组件中，如果使用正则表达式来限制只允许输入正整数，可能会出现先输入汉字再输入数字时，后续的数字输入无法被记录到 v-model 绑定的数据中的问题。这是因为输入汉字时，el-input 组件的 v-model 绑定的值会被设置为汉字，而后续的数字输入并不会对其进行覆盖。
【vue】中 input框只能输入汉字校验
weixin_46939404的博客
02-17 2255
input框只能输入汉字校验
js 限制input只能输入数字,并删除不是数字的值
ydy277163648的专栏
12-25 3852
只能输入数字,并删除不是数字的值(复制过来的不能过滤) 2){this.value=this.value.split('.')[0]+'.'+this.value.split('.')[1]}"> 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 <input type=text t_value=""
在el-input中添加onkeyup使用中文输入法导致验证失效
高电平的博客
08-07 2339
之前只是将el-input中的值替换为空，在中文输入法的情况下替换后，里面的值变为了一个新的变量，表单校验监听不到这个新的变量，所以会不通过校验，更改后将替换后的变量赋给el-input绑定的变量，再把它回调给el-input的value，这样就能监听到这个替换后的变量了。由于需求需要对el-input添加输入校验，只允许用户输入数字，其他内容输不上去，我采用了在中添加onkeyup ="value=value.replace(/[ ^ 0-9.]/g,‘’)"来对输入进行校验，......
　实验五 输入输出流的应用.doc
02-25
输入流（input stream）是 C++ 中的一种输入方式，可以用来读取文件中的数据。输出流（output stream）是 C++ 中的一种输出方式，可以用来将数据写入文件中。 四、实验内容 实验内容包括四个步骤： （1）新建一个...
js限制文本框输入长度两种限制方式(长度、字节数)
10-27
对于只允许输入数字且长度固定的文本框，可以使用HTML5的`pattern`属性或者JavaScript事件监听来实现： ```html <INPUT pattern="\d{11}" maxLength=11 required> ``` 或者 ```html <INPUT onkeydown="if(event....
关于input文本框只能输入数字的几种实用方法！！！
热门推荐
supershuyun的博客
05-17 9万+
关于input文本框只能输入数字的几种实用方法！！！最近在做jsp动态表格的时候，常常会遇到一些金额、数量等，只能输入数字，问题虽然简单，但是走了一些弯路，在此总结一下。这个问题有三种解决方案，第一种最适用。1.使用isNaN()函数isNaN()的缺点就在于 null、空格以及空串会被按照0来处理，所以需要前面剔除；NaN: Not a Number/***判断是否是数字**/123456789...
vue中input框用.number限制只能输入数字时不生效处理方法
qq_43532275的博客
03-28 1718
<el-input placeholder="请输入导航栏高度" v-model="addFileForm.height" @input="addFileForm.height =checkNum(addFileForm.height) " ></el-input> checkNum(data){ if(data){ return (data =Number(data.replace(/[^\d.%\\]/g,''/))...
Element-ui input 输入框限制只能输入数字的问题
qq_35430000的博客
05-17 2万+
需求说明 后台管理系统，使用element-ui el-input组件，要求只能输入数字，最先使用的办法： <el-input v-model.number='count' type='number' maxLength='9' /> 复制代码 存在的问题 1. maxLength不生效 2. 可以输入e 3. 可以输入1.1.....11...1 复制代码 目前解决的办法（可以生效） <el-input v-model='count' oninput="val
【Vue3】使用v-model实现父子组件通信（常用在组件封装规范中）
最新发布
qq_42582773的博客
06-15 566
父组件添加modelValue绑定数据且传递到子组件，然后绑定@update:modelValue事件接收子组件传过来的值子组件内部使用defineProps来接收父组件modelValue传过来的值，使用defineEmits自定义事件修改值然后触发父组件@update绑定的事件。
【Echarts系列】平滑折线面积图
kk爱闹
06-11 376
Vue版本以及脚本语言的选择各有不同，核心内容主要是option，重点关注该部分内容即可。为了节省后续开发学习成本，这个系列将记录我工作所用到的一些echarts图表。
Vue3-滑动到最右验证功能
地理信息的专栏
06-13 493
在登陆页面，需要滑块，且滑块向右移动到最右边，完成验证
vue初使用实例之笔记本
m0_72168336的博客
06-11 837
vue初使用实例之笔记本
input输入框 正则表达式只能输入数字 数字范围为不能小于20且不能大于50
06-11
-- 在input标签中添加pattern属性，限制只能输入数字 --> <input type="text" pattern="\d*" id="inputNum"> var inputNum = document.getElementById("inputNum"); inputNum.addEventListener("input", ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值