vue如何限制只能输入正负数及小数


Posted in Javascript onJuly 04, 2019

 <el-input keyup.native="isFloor"/>

//正数,含小数

isFloor(e,type){
   if(type=='floor') {
    var val=e.target.value;
    //限制只能输入一个小数点
    if (val.indexOf(".") != -1) {
     var str = val.substr(val.indexOf(".") + 1);
     if (str.indexOf(".") != -1) {
      val = val.substr(0, val.indexOf(".") + str.indexOf(".") + 1);
     }
    }
    e.target.value = val.replace(/[^\d^\.]+/g,'');
   }
   
  },
//正负数,含小数

isFloor(){
 var obj=event.target;
 var t = obj.value.charAt(0); 
 obj.value = obj.value.replace(".", "$#$")//把第一个字符'.'替换成'$#$'
               .replace(/\./g, "")//把其余的字符'.'替换为空
               .replace("$#$", ".")//把字符'$#$'替换回原来的'.'
               .replace(/[^\d.]/g, "")//只能输入数字和'.'
               .replace(/^\./g, "")//不能以'.'开头
               .replace( /([0-9]+\.[0-9]{2})[0-9]*/,"$1")//只保留2位小数  
 if (t == '-') {
  obj.value = '-' + obj.value;
 } 
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
javascript 用函数实现继承详解
May 28 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
ES6入门教程之变量的解构赋值详解
Apr 13 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
在layui tab控件中载入外部html页面的方法
Sep 04 Javascript
小程序api实现promise封装过程解析
Nov 21 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
Vue项目中ESlint规范示例代码
Jul 04 #Javascript
你或许不知道的一些npm实用技巧
Jul 04 #Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 #Javascript
angular6开发steps步骤条组件
Jul 04 #Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 #Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 #Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 #Javascript
You might like
PHP6 先修班 JSON实例代码
2008/08/23 PHP
PHP超级全局变量数组小结
2012/10/04 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
查看keras各种网络结构各层的名字方式
2020/06/11 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
python 19个值得学习的编程技巧
2020/08/15 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
丑小鸭教学反思
2014/02/03 职场文书
《长相思》听课反思
2014/04/10 职场文书
致共产党员倡议书
2014/04/16 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书