代码之家 › 专栏 › 技术社区 › Yasin Özcan

Vee验证验证组

vee-validate vue-component vue.js validation

0

Yasin Özcan · 技术社区 · 7 年前

我使用vee验证我的项目。但我要出去玩。

我有3个输入字段。

例如,像jquery

Jquery validation groups

1 回复 | 直到 7 年前

1

0

Chadd Yasin Özcan 7 年前

我找到了正确的解决方案:

HTML代码

<input type="text" name="mobilePhone" class="form-control" v-model="form.mobilePhone" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('mobilePhone') }">

<input type="text" name="emailAddress" class="form-control" v-model="form.emailAddress" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('emailAddress') }">

<input type="text" name="phoneNumber" class="form-control" v-model="form.phoneNumber" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('phoneNumber') }">

JS计算代码

computed: {
    contactInfo () {
      if (this.form.phoneNumber || this.form.mobilePhone || this.form.emailAddress) {
        return false
      }
      else {
        return true
      }
    }
  }