Element-ui的表單中怎么添加正則校驗

1. 以中國大陸手機號驗證為例

// 這是組價的代碼
<el-form-item prop="mobile"> <el-input type="text" v-model="ruleForm.mobile" auto-complete="off" placeholder="請輸入手機號"></el-input> </el-form-item> // 這是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' } ]