js代码 获取字段值校验保留2位小数

可以使用toFixed()方法将字段值保留2位小数，例如：

var fieldValue = 3.1415926;
var roundedValue = fieldValue.toFixed(2);
console.log(roundedValue); // 输出3.14

这样就可以将字段值保留2位小数并进行校验了。

相关问题

VUE3 使用rules校验规则，只能输入数字和小数

在 Vue3 中，使用 `v-model` 指令结合自定义验证规则 (`v-bind:class`) 可以轻松实现数字和小数输入的校验。通常我们会使用第三方库如 `vue-validator` 或者直接利用 Vue 的内置功能，这里我们使用内置的 `vuelidate` 来示例。

首先，你需要安装 `vuelidate`：

npm install vuelidate --save

然后在你的项目中创建一个验证规则文件 `validation.js`:

import { makeValidator } from 'vuelidate'

export const validation = {
  isNumberAndDecimal: makeValidator((val) => Number.isFinite(val) && !isNaN(val)),
}

接下来，在组件里引入这个验证规则，并在 `data` 部分初始化 `vuelidate`:

<template>
  <form @submit.prevent="submitForm">
    <input type="number" v-model.number="inputValue" v-bind:class="{ invalid: errors.inputValue.isNumberAndDecimal }" placeholder="请输入数字和小数">
    <p v-if="errors.inputValue.isNumberAndDecimal">{{ errors.inputValue.isNumberAndDecimal.message }}</p> <!-- 显示错误提示 -->
    <button type="submit" :disabled="!isValid">提交</button>
  </form>
</template>

<script>
import { ValidationProxy } from 'vuelidate'
import { validation } from './validation'

export default {
  data() {
    return {
      inputValue: '',
      errors: new ValidationProxy(validation),
    }
  },
  computed: {
    isValid() {
      return Object.keys(this.errors).every(field => !this.errors[field]);
    },
  },
  methods: {
    submitForm() {
      if (this.isValid) {
        // 执行提交逻辑...
      } else {
        alert('请输入有效的数字和小数')
      }
    },
  },
}
</script>

在这个例子中，当输入不是数字或小数时，`invalid` 类会被添加到输入框上，同时错误提示会被显示出来。如果所有字段都通过验证，表单提交按钮才会启用。