正则表达式:/^\d+(.\d{1,3})?$/

解析:

  • ^ 表示匹配字符串的起始位置
  • \d+ 表示匹配一位或多位数字
  • (.\d{1,3})? 表示匹配小数点和一到三位小数的组合,?表示该组合可出现零次或一次
  • $ 表示匹配字符串的结束位置

示例:

<template>
  <div>
    <input type="text" v-model="inputValue" @input="validateInput" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ""
    };
  },
  methods: {
    validateInput() {
      const regex = /^\d+(\.\d{1,3})?$/;
      if (!regex.test(this.inputValue)) {
        this.inputValue = this.inputValue.slice(0, -1);
      }
    }
  }
};
</script>

在上述示例中,通过v-model绑定了一个输入框和data中的inputValue属性,@input事件监听输入框的输入变化,并调用validateInput方法进行验证。如果输入不符合正则表达式,则通过slice方法将最后一位字符去除,实现输入框内容的校验

写一个VUE输入框中支持64位4字节浮点数保留三位小数的正则表达式

原文地址: https://www.cveoy.top/t/topic/ig4U 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录