1.表單校驗鸠姨,單獨進(jìn)行數(shù)字校驗择膝,使用下面的代碼是可以的坯屿,
{type: 'number', message: '請輸入數(shù)字', trigger: 'blur'}
但同時進(jìn)行數(shù)字和為空校驗油湖,使用下面的代碼是不行的,輸入數(shù)字的時候一直提示不能為空
{required: true, message: '電話號碼不能為空', trigger: 'blur'},
{type: 'number', message: '請輸入數(shù)字', trigger: 'blur'}
修改方法是:
- 設(shè)置input的類型為text
<Form-item label="收貨電話" prop="deliveryMobile">
<Input type="text" v-model="form.deliveryMobile" placeholder="請輸入" />
</Form-item>
- 對number的校驗需要自定義领跛,而判空可以使用系統(tǒng)自帶的
在data中自定義一個隊number的校驗
const validateMobile = (rule, value, callback) => {
if (!Number.isInteger(+value)) {
callback(new Error('請輸入數(shù)字值'));
} else {
callback();
}
};
然后在校驗的規(guī)則處乏德,填寫:
ruleValidate: {
deliveryMobile: [
{required: true, message: '電話號碼不能為空', trigger: 'blur'},
{validator: validateMobile, trigger: 'blur'}
]
}