vux表单验证

vux 获取表单验证校验的返回值

• isType
• 自定义的方式

isType

vux使用x-input情形如下：

表单中需要填写手机号，填完手机号之后，进行提交。点击“提交”按钮的时候，需要判断手机号是否通过校验，vux提供了is-type内置验证器，我们省去了自己校验手机号的过程。

      <x-input required title="手机号码" v-model="phone" placeholder="请输入您的手机号码" is-type="china-mobile" ref="refPhone">
        <img slot="label" style="padding-right:10px;display:block;" src="/static/phoneGray.png" width="24" height="24">
      </x-input>

methods: {
    confirm() {
        console.log('result:' + this.$refs.refPhone.valid) // valid为true/false
    }
}

有3点需要注意，

1. x-input控件上加了 ref ，加了ref才能使用this.$refs.mobile.valid

2. x-input控件上加re