input输入框保留一位小数、两位小数实现方法。

温瞳@nan

于 2024-04-12 15:46:42 发布

阅读量1.4k

点赞数 10

CC 4.0 BY-SA版权

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/m0_61429447/article/details/137683326

文章介绍了JavaScript函数`clearNoNum`，用于处理用户输入的服务金额，确保只保留一位小数，清除非数字和点字符，并进行格式化。

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

<el-input v-model="serviceAmount" @input="clearNoNum(serviceAmount)"/>

const clearNoNum = (val) => {
    serviceAmount.value = val
    .replace(/(\.\d\d)\d*/, '$1') //保留两位小数
    .replace(/[^\d.]/g, '') // 清除"数字和."以外的字符
    .replace(/^\./g, '') // 验证第一个字符是数字
    .replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
 }

补充：如果是限制只能输入一位小数将 .replace(/(\.\d\d)\d*/, '$1')换成 .replace(/^(-)*(\d+)\.(\d).*$/, '$1$2.$3') 即可。


  const clearNoNum = (val) => {
    subForm.value.serviceAmount = val
      .replace(/^(-)*(\d+)\.(\d).*$/, '$1$2.$3') // 保留一位小数
      .replace(/[^\d.]/g, '') // 清除"数字和."以外的字符
      .replace(/^\./g, '') // 验证第一个字符是数字
      .replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
  }