专栏首页娱乐心理测试对input进行输入金额控制(保留小数点后一位)

对input进行输入金额控制(保留小数点后一位)

在我们的项目中使用的VantUI,因为封装的输入框(文字,数字)都是用的van-field。但是项目需求是对输入金额时做一定对限制: (1).第一位只能输入数字; (2).只能输入一个小数点及后面一位;

实现方法: 1.js方法限制

/**
 * 输入金额控制
 */
export function numberCheck (val) {
  var str = val;
      var len1 = str.substr(0, 1);
      var len2 = str.substr(1, 1);
      //如果第一位是0,第二位不是点,就用数字把点替换掉
      if (str.length > 1 && len1 == 0 && len2 != ".") {
        str = str.substr(1, 1);
      }
      //第一位不能是.
      if (len1 == ".") {
        str = "";
      }
      //限制只能输入一个小数点
      if (str.indexOf(".") != -1) {
        var str_ = str.substr(str.indexOf(".") + 1);
        if (str_.indexOf(".") != -1) {
          str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
        }
      }
      //正则替换,保留数字和小数点
      str = (str.match(/^\d*(\.?\d{0,1})/g)[0]) || null
      return str;
}

2.引入 van-field

<van-field :key="index"  v-model="value" @input="onClickInputKeyBoard()"> </van-field>
  1. 引入js
     //判断价格控制
onClickInputKeyBoard(){
    value = numberCheck(value)
 },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 音乐播放小程序demo

    honey缘木鱼
  • style样式:json对象和字符串相互转化

    在mpvue项目中,由于:class和:style样式不能是对象的形式,必须转化为字符串,就需要下面的转化方法。 一.json对象转字符串

    honey缘木鱼
  • 关于前端处理表情符号问题(解决方案)

    今天测试反馈一个问题,说是有表情符号的评论上传报错,很显然后台对于表情符号没有做相关的处理,让他们处理,他们说怎样怎样麻烦,算了,还是前端自己处理吧!

    honey缘木鱼
  • 简单聊聊字符串的翻转问题

    字符串的翻转在日常开发使用程度比较少,但是面试过程中却是常有的。最近看php 源码中strrev,因此写一篇文记录对字符串翻转问题的一些学习。

    写PHP的老王
  • C/C++踩坑记录(二)一段有趣的常量字符串 原

    测试平台: Ubuntu 16.04 Windows Mingw GCC gcc version 5.3.0 (i686-posix-dwarf-rev0,...

    Pulsar-V
  • python学习总结五(python序列

    成员关系符就是判断一个字符是否属于这个字符串,再就是这个字符串是否属于这个元组,或者列表。返回值也是布尔值(True,Flase)。

    py3study
  • PAT(乙级)1014

    这道题目,略显(真TM坑爹,抱歉,我又说脏话了,但是实在不能忍啊!!!)坑爹。题目的意思看起来说的很清楚,实则完全没有说清楚,题目是“横看成岭侧成峰”啊!,但是...

    zy010101
  • js格式化字符串自动补位

    PHP的sprintf()函数可以格式化字符串并且自动补位,而js是没有这个函数的,可以自己自定义一个

    仙士可
  • python内置模块之string

    str.capitalize() 把字符串的第一个字符大写 str.center(width) 返回一个原字符串居中,并使用空格填充到width长度的...

    菲宇
  • [剑指offer] 字符串的排列

    输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,c...

    尾尾部落

扫码关注云+社区

领取腾讯云代金券