element-plus,请问如何对一行el-form-item内多个el-input输入框的校验?-灵析社区

代码日记

请问大佬们,如何对一行el-form-item内多个el-input输入框的进行只能输入整数或者小数的校验? rtk杆臂 保存 ![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/c6469557d6b635b5d762633248a6d2e7.png) ![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/314536bd27298ff4135e0415d6efcab6.png)

阅读量:19

点赞量:0

问AI
我只写一个主天线的示例,经过验证可以,你就续写下去就可以: const RtkForm = reactive({ mainTx: "", x: "", y: "", z: "", //... }) function isIntegerOrDecimal(str) { let num = parseFloat(str); return Number.isInteger(num) || Number.isFinite(num); } const checkNumber = (rule, value, callback) => { if (!RtkForm.x || !isIntegerOrDecimal(RtkForm.x)) { callback(new Error('第一个框请输入整数或小数')); } else if (!RtkForm.y || !isIntegerOrDecimal(RtkForm.x)) { callback(new Error('第二个框请输入整数或小数')); } else if (!RtkForm.z || !isIntegerOrDecimal(RtkForm.z)) { callback(new Error('第三个框请输入整数或小数')); } else { callback(); } } 更新: 我发现这样写更简单粗暴,只不过没提示了 (RtkForm.x = v.replace(/[^\d.]/g, ''))" v-model="RtkForm.x" /> (RtkForm.y = v.replace(/[^\d.]/g, ''))" v-model="RtkForm.y" /> (RtkForm.z = v.replace(/[^\d.]/g, ''))" v-model="RtkForm.z" />