官方文档对数字类型的校验描述很少,在这里注释一下
1.在标签里面使用number属性进行限制
<Form-item label="单日扣款限额(元)" prop="deductDay">
<Input v-model="formValidata.deductDay" :maxlength="48" placeholder="请输入单日扣款限额(元)" number></Input>
</Form-item>
<Form-item label="单日支付限额(元)" prop="payDay">
<Input v-model="formValidata.payDay" :maxlength="48" placeholder="请输入单日支付限额(元)" number></Input>
</Form-item>
2.验证规则
deductDay: [{
required: true,
type: 'number',
message: '单日扣款限额必须为数字且不能为空',
trigger: 'blur'
}],
验证规则里面一定要写type:‘number’,这样input框里面只有输入不是number类型就会提示message
网友评论