【正则校验数字输入框】

最新推荐文章于 2024-07-09 17:15:54 发布

美丽先生

最新推荐文章于 2024-07-09 17:15:54 发布

阅读量431

点赞数

分类专栏：困难与解决文章标签： javascript

本文链接：https://blog.csdn.net/qq_43780814/article/details/127904337

版权

困难与解决专栏收录该内容

77 篇文章 2 订阅

订阅专栏

正则校验数字输入框

 //js文件
export const limitNumberMixin = {
  methods: {zhengz
    limitNumberMixin(value, row, name) {
      row[name] =
        ("" + value) // 第一步：转成字符串
          .replace(/[^\d^\.]+/g, "") // 第二步：把不是数字，不是小数点的过滤掉
          .replace(/^0+(\d)/, "$1") // 第三步：第一位0开头，0后面为数字，则过滤掉，取后面的数字
          .replace(/^\./, "0.") // 第四步：如果输入的第一位为小数点，则替换成 0. 实现自动补全
          .match(/^\d*(\.?\d{0,2})/g)[0] || ""; // 第五步：最终匹配得到结果 以数字开头，只有一个小数点，而且小数点后面只能有0到2位小数
    },
  },
};

使用:

 @input="limitNumberMixin($event, scope.row, 'scorecard_deduction')" 

import { limitNumberMixin } from "@/utils/mixins/limitNumberMixin" // limitNumberMixin(value, row, name)

export default {
  mixins: [limitNumberMixin],
}