input 输入框限制只能输入两位小数正数

置顶 bobringtheboys

已于 2022-08-31 15:36:03 修改

阅读量1.7k

点赞数

文章标签： javascript

于 2022-08-09 14:47:39 首次发布

本文链接：https://blog.csdn.net/bobringtheboys/article/details/126247593

版权

οninput="value=value.replace(/^0[0-9]+/,val=>val[1]).replace(/^(\.)+/,'').replace(/[^\d.]/g,'').replace(/\.+/,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"

<template>
  <div>
    <el-input
      v-model="form.value"
      @input="form.value = inputCheck(form.value)"
    />
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      form: {
        value: ''
      }
    };
  },
  methods: {
    inputCheck(value) {
      return value
        .replace(/^0[0-9]+/, val => val[1])
        .replace(/^(\.)+/, '')
        .replace(/[^\d.]/g, '')
        .replace(/\.+/, '.')
        .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
    }
  }
};