vue表單驗證電話號碼

<template>
<el-form ref="form" :rules="addRules" :model="accountInfo" label-width="120px" style="width: 500px">
        <el-form-item label="手機號碼" prop="phone">
          <el-input v-model="accountInfo.phone" :disabled="isUpdate" />
        </el-form-item>
</el-form>
</template>
 
 
<script>
export default {
data() {
    var validatePhone = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('請輸入電話號碼'))
      }
      if (value.length !== 11) {
        callback(new Error('請輸入正確電話號碼'))
      }
      if (value.length !== 11) {
        callback(new Error('請輸入正確電話號碼'))
      }
      // 驗證電話號碼手機號碼，包含至今所有號段? ?
      var ab = /^[1][3,4,5,7,8][0-9]{9}$/
      if (ab.test(value) === false) {
        callback(new Error('請輸入正確電話號碼'))
      }
      callback()
    }
return {
addRules: {
        phone: [
          { required: true, message: '請輸入號碼', trigger: 'blur' },
          { validator: validatePhone, trigger: 'blur' }
        ]
}
}
}
}
</script>