element-ui form 表单验证价格 输入数字并保留两位小数

element-ui form 表单验证价格 输入数字并保留两位小数

表单部分

只能输入数字和小数点 - οninput=“value=value.replace(/[^0-9.]/g,‘’)”

	<el-form-item prop="Cost_Price">
	              <label slot="label">成本价格label>
	              <el-input
	                v-model="add_Com.Cost_Price"
	                autocomplete="off"
	                class="nameInput"
	                oninput="value=value.replace(/[^0-9.]/g,'')"   
	              >el-input>
	            el-form-item>

rules2验证部分

在 rules2中定义，外部自定义规则 validatePrice。

 data() {
  var validatePrice = (rule, value, callback) => {
      if (!value) {
        callback(new Error("金额不能为空"));
      } else if (value.split(".").length > 2) {
        callback(new Error("请输入正确格式的金额")); //防止输入多个小数点
      }
      // else if (value > add_Com.Retail_Price) {
      //   callback(new Error("金额不能大于零售价"));
      // }
      else {
        value = Math.round(value * Math.pow(10, 2)) / Math.pow(10, 2); //四舍五入
        value = Number(value).toFixed(2); //不足补位
        this.add_Com.Cost_Price = value;
        callback();
      }
    };
},
//******************

	rules2: {
        Cost_Price: [
          { required: true, validator: validatePrice, trigger: "blur" },
        ]},