提示樣式
一、基本校驗(yàn)
rules:{
name: [
{ required: true, trigger: 'blur',? message: '請(qǐng)輸入名稱' }
]
}
二踱卵、函數(shù)校驗(yàn)
data() {
var existPhoneRule = (rule, value, callback) => { // 手機(jī)號(hào)唯一性校驗(yàn)
let regx = /^1[0-9]{10}$/;
if (!value) {
return callback(new Error('請(qǐng)輸入手機(jī)號(hào)'));
}
if (!regx.test(value)) {
return callback(new Error('手機(jī)號(hào)格式錯(cuò)誤'));
}
};
return {
rules:{phone: [{ validator: existPhoneRule, required: true, trigger: 'blur' }]}
}
}
三倒戏、接口返回校驗(yàn)
data() {
var existPhoneRule = (rule, value, callback) => { // 手機(jī)號(hào)唯一性校驗(yàn)
let paramas = {}
if (!value) {
return callback(new Error('請(qǐng)輸入手機(jī)號(hào)'));
}
existPhone(paramas).then(res => {
if (res.code === '200') {
callback();
} else {
callback(new Error(res.message));
}
})};
return {
rules:{phone: [{ validator: existPhoneRule, required: true, trigger: 'blur' }]}
}
}
