首页 > 其他分享 >手动验证 输入框必须输入数字 并且保留两位小数点

手动验证 输入框必须输入数字 并且保留两位小数点

时间:2022-11-01 10:12:56浏览次数:375  
标签:手动 numrulse 绑定 小数点 replace 输入框 得值

 
<el-input   v-model="value" clearable @input="ruleInput"> </el-input>
 // value 是输入框的值   在输入框上绑定 input事件  
let numrulse=('' + value).replace(/[^\d^\.]+/g, '').replace(/^0+(\d)/, '$1').replace(/^\./, '0.').match(/^\d*(\.?\d{0,2})/g)[0] || '' //上面得规则就是 必须是数字 然后保留两位小数点 如果通过了 numrulse才会有值 //有值了 再赋出去 if(numrulse){ 输入框绑定得值=numrulse }else{ 输入框绑定得值='' }

  

标签:手动,numrulse,绑定,小数点,replace,输入框,得值
From: https://www.cnblogs.com/zyzlb/p/16846764.html

相关文章

  • std::cout 控制输出小数点位数
    转自:https://blog.csdn.net/zfjBIT/article/details/93972484 #include<iomanip> std::cout<<std::setiosflags(std::ios::fixed)<<std::setiosflags(std::i......
  • 关于vue项目中用户手动刷新,页面回到初始状态的问题
    当点击个人中心后手动刷新页面,下标会回到默认的首页下方此时可以通过vuex+localStorage来解决  在store目录下新建header.js ......
  • 赏金猎人笔记-手动sqli
      声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由用户承担全部法律及连带责任,文章作者不承担任何法律及连带责任。本文选......
  • 解决command not found: tsc 或者nrm等手动更改npm默认路径
    情景sudonpmi-gtypescript或者sudonpmi-gnrm执行tsc-v或者nrmls会出现以下报错:commandnotfound:tsc或者commandnotfound:nrm其实就是npm默认路径......
  • 动手动脑之异常处理
     异常如图所示 异常发生的原因是整数不能除零而引发的异常,0不能作为分母。解决方法把可能会发生错误的代码放进try语句块中。当程序检测到出现了一个错误时会抛......
  • 希捷ST硬盘手动更新固件
    下载好对应固件ISO,启动进入提示界面,按"ESC”键进入一个界面,按“D”是自动更新固件,“S”是扫描硬盘。在进入第一界面后按下“Z”键(随后提示按任意键重启)然后同时按下Ctrl+C......
  • redis集群手动切换主从
    生产环境一个三主三从,其中一个主节点挂掉了,但是没有自动切换到从节点cluster-require-full-coverage默认为yes,当集群中一段槽位的主从都不可用时,整个集群不提供服务直接导致......
  • elementui手动触发大图预览
    实现效果不需要点击el-image组件,而且通过其他方式自由触发大图预览效果写法原本想通过获取el-imagedom元素,dom.click()来进行触发。发现不生效。查了一下,如下方法可以......
  • 手动部署项目与自动部署项目
    手动部署 1将工程通过maven工具package打包2将jar包上传到linux服务器上: 1在xshell中输入rz选择 2在xftp中直接上传3通过java......
  • 动手动脑(三)
    继承条件下的构造方法调用运行下面代码,观察输出,注意总结父类与子类之间构造方法的调用关系修改Parent构造方法的代码,显式调用GrandParent的另一个构造函数,注意这句调用代......