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 () {

    }

  }
}