input只能输入数字以及小数点后两位

最新推荐文章于 2024-06-06 16:33:14 发布

beichen3997

最新推荐文章于 2024-06-06 16:33:14 发布

阅读量747

点赞数

CC 4.0 BY-SA版权

分类专栏：前端js

本文链接：https://blog.youkuaiyun.com/beichen3997/article/details/99460810

前端js 专栏收录该内容

67 篇文章

订阅专栏

本文介绍了一种在前端开发中实现金额输入验证的方法，通过监听输入框的变化并使用正则表达式过滤非法字符，确保金额格式正确。同时，对金额进行格式化处理，避免重复小数点、前导零等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    watch: {
            'query.amount' (n, o) {
                this.$nextTick(() => {
                  this.trimQuery('amount')
                    this.filterHandle(/[^\d.]/g, 'amount')
                  // this.filterHandle(/\.{2,}/g, 'amount')
                  // this.filterHandle(/^\./g, 'amount')
                  // this.filterHandle(/^[0]{2,}/g, 'amount')
                  //  this.filterHandle(/^[0]\d/g, 'amount')
                  // this.filterHandle(/\.\d{3,}/g, 'amount')
                      this.filterHandle3(/\.{2,}/g, 'amount')
                    this.filterHandle3(/^\./g, 'amount')
                    this.filterHandle3(/^[0]{2,}/g, 'amount')
                      this.filterHandle3(/^[0]\d/g, 'amount')
                    this.filterHandle3(/\.\d{3,}/g, 'amount')
                })
            },
        },
  filterHandle3 (reg, prop) {
               if(reg.test(this.query[prop])){
                 let str = this.query[prop].slice(0,-1)
                 this.$set(this.query, prop,str)
               }
              
            },
             filterHandle (re, prop) {
              this.$set(this.query, prop, this.query[prop].replace(re, ''))
            },
 trimQuery (prop) {
              this.$set(this.query, prop, this.query[prop].trim())
            },