input输入数字时限制整数10位,小数2位

47 篇文章 2 订阅
6 篇文章 1 订阅

需求分析:input框只允许输入数字,最多允许小数点前面10位,小数点后面2位

  <!-- 允许输入数字,调起带符号的纯数字键盘 -->
  <van-field v-model="number" type="number" 
  :maxlength="maxlength" @input="inputFun" />
data() {
    return {
      number:"",
      maxlength:13, //10位整数 + 小数点 + 2位小数,所以是13位
      maxValue:"9999999999.99", //输入框能输入的最大值,用来检验
    };
  },
//输入框输入时 校验如果小数大于两位就截取,如果大于最大值则提示并清空
inputFun(){
  if(String(this.number).includes(".")){
	let numDian = this.number.toString().split(".")[1].length
	if(numDian > 2){
     let dotIndex = this.number.indexOf(".")
     this.number =  this.number.substring(0,dotIndex+3)
		}
	}
   	if(Number(this.number)>Number(this.maxValue)){
      this.$toast("已超过最大值,请重新输入")
      this.number = ""
      }
   },
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值