elementui form 两位小数数字验证
在Element UI的表单中，可以使用以下方法实现对两位小数数字的验证：
```html
<el-form-item prop="Cost_Price">
  <label slot="label">成本价格</label>
  <el-input v-model="add_Com.Cost_Price" autocomplete="off" class="nameInput" oninput="place(/(^0-9.)/g,'')"></el-input>
</el-form-item>
```
在验证部分，可以定义一个名为`validatePrice`的外部自定义规则，用于验证输入的价格是否符合要求。具体实现如下：
```javascript
data() {
  var validatePrice = (rule, value, callback) => {
    if (!value) {
      callback(new Error("金额不能为空"));
    } else if (value.split(".").length > 2) {
      callback(new Error("请输入正确格式的金额")); //防止输入多个小数点
    } else {
      value = und(value * Math.pow(10, 2)) / Math.pow(10, 2); //四舍五入
      value = Number(value).toFixed(2); //不足补位
      this.add_Com.Cost_Price = value;
html表单只能输入数字
      callback();
    }
  };
  //*******************
  rules2: {
    Cost_Price: ({required: true, validator: validatePrice, trigger:"blur"},)
  },
```
在上述代码中，`validatePrice`函数会检查输入的价格是否为空，以及是否只包含一个或两个小数点。如果价格不符合要求，则会返回一个错误信息，提示用户输入正确的价格。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。