//template表单里面的输入框代码
<el-form-item label="精度" prop="fraction" >
<el-input-number
v-model="state.ruleForm.fraction"
placeholder="请输入精度(默认8位)"
clearable
type="number"
:step="1"
style="width: 250px;"
></el-input-number>
</el-form-item>
<script setup lang="ts" name="systemUserDialog">
//自定义 validateFraction 方法
//添加一个自定义的验证器来确保精度大于0(或者 0 到 10 之间):
const validateFraction = (rule: any, value: any, callback: any) => {
const numValue = Number(value);
if (isNaN(numValue)) {
callback(new Error('请输入有效的数字'));
}
else if (numValue <= 0) {
callback(new Error('精度值必需大于0'));
}
// else if (numValue < 0 || numValue > 10) {
// callback(new Error('精度值在0-10之间'));
// }
else {
callback();
}
};
rules:{
fraction:[
{ required: false, message: '请输入精度', trigger: 'blur' },
{ type: 'number', message: '请输入有效的数字', trigger: 'blur' },
{ validator: validateFraction, trigger: 'blur' },
]
},
<script>
校验输入框为数字并且大于0
最新推荐文章于 2025-06-09 10:51:23 发布
7126

被折叠的 条评论
为什么被折叠?



