Vue 字段驗證 八

驗證手機號碼不能爲空和11位數，而後發送短信

 

export default {
  name: 'Login',
  data () {
    return {
      ruleForm: {
        mobile: '',
        code: '',
        name: ''
      },
      rules: {
        mobile: [
          { required: true, message: '請輸入手機號碼', trigger: 'blur' },
          { len: 11, message: '手機號碼爲11位數', trigger: 'blur' }
        ],
        code: [
          { required: true, message: '請輸入驗證碼', trigger: 'change' },
          { len: 6, message: '驗證碼爲6位數數字', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    validMobile () {
      this.$refs.ruleForm.validateField('mobile', (valid) => {
        if (!valid) {
          this.sms()
        }
      })
    },
    sms () {

    }

  }
}