element UI form 数字，小数点验证

dom代码

<el-form-item label="申请金额(不含税)" prop="canInvoice"> <el-input v-model="ruleForm.canInvoice" /> </el-form-item>

js代码

// 表单验证 private rules={ canInvoice: [ { validator: (rule, value, callback) => { if (!value) { callback(new Error('金额不能为空')) } else { if (!this.isNumber(value)) { callback(new Error('请输入数字值')) } else { callback() } } }, trigger: 'blur' } ] } // 判断是否为数字，和小数 private isNumber (val) { var regPos = /^\d+(\.\d+)?$/ var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/ if (regPos.test(val) || regNeg.test(val)) { return true } else { return false } }