Я использую vuejs 2
и использую vee-validate 2.0.0-beta.18
для проверки. Но столкнулся с проблемой, когда я вызвал this.$validator.validateAll()
, он проверяет только одно поле. Это jsfiddle.
Это html:
<body>
<div id="app">
<form @submit.prevent="submitForm">
<label>Email</label>
<input type="text" placeholder="Email" class="form-control"
v-model="email" name="email"
v-validate data-vv-rules="required|email">
<p v-if="errors.has('email')" class="text-danger">{{ errors.first('email') }}</p>
<label>Name</label>
<input type="text" placeholder="Name" class="form-control"
v-model="name" name="name"
v-validate data-vv-rules="required">
<p v-if="errors.has('name')" class="text-danger">{{ errors.first('name') }}</p>
<label>City</label>
<select class="form-control"
v-model="city" name="city"
v-validate data-vv-rules="required">
<option value="">-- Select One --</option>
<option value="c.id" v-for="c in cities">{{ c.name }}</option>
</select>
<p v-if="errors.has('city')" class="text-danger">{{ errors.first('city') }}</p>
<button>Submit</button>
</form>
<pre>{{ errors }}</pre>
<pre>{{ fields }}</pre>
</div>
</body>
А это js:
Vue.use(VeeValidate);
new Vue({
el: '#app',
data: {
cities: [{
id: 1,
name: 'Jakarta'
}, {
id: 2,
name: 'Depok'
}],
name: '',
city: '',
email: ''
},
methods: {
submitForm: function() {
this.$validator.validateAll().then(function(success) {
if (!success) return;
alert("All good")
})
}
}
})
Почему проверяется только поле электронной почты?