1. 以中国大陆手机号验证为例
// 这是组价的代码// 这是rules的代码 mobile: [ { validator: validateMobile, trigger: 'blur' }, { required: true, message: '请输入手机号', trigger: 'blur' }, { pattern: /^1[34578]\d{ 9}$/, message: '目前只支持中国大陆的手机号码' } ], 2. 表单局部提交后端验证 //注意validatePass是属于data的,但不在return中。
data () {let validatePass = (rule, value, callback) => { if (value.length >= 8) { let params = { 'account': value } axios.post('localhost:8080/verifyUserAccount', params) .then(function (response) { if (response.data.err) { callback(response.data.msg) } else { callback() } }) .catch(function () { callback(new Error('服务异常')) }) } else { callback() } } //这是验证规则,当然了你也可以同时使用基本的验证规则 account: [ { validator: validatePass , trigger: 'blur' } ]