vee-validation example#5

use data-vv-validate-on

by pdo99

HTML

<script src="https://unpkg.com/vue@2.5.2/dist/vue.js"></script>
<script src="https://unpkg.com/vee-validate@2.0.0-rc.7/dist/vee-validate.js"></script>
<div id="app">
  <p>
    <h4>use data-vv-validate-on</h4>
    <input v-validate="'alpha'" type="text" name="Num01" placeholder="not use">
    <br>
    <span v-if="errors.has('Num01')">{{ errors.first('Num01') }}</span>
  </p>
  <p>
    <input v-validate="'alpha'" type="text" data-vv-validate-on="none" name="Num02" placeholder="use data-vv-validate-on none">
    <br>
    <span v-if="errors.has('Num02')">{{ errors.first('Num02') }}</span>
  </p>
  <p>
    <input v-validate="'alpha'" type="text" data-vv-validate-on="blur" name="Num03" placeholder="use data-vv-validate-on blur">
    <br>
    <span v-if="errors.has('Num03')">{{ errors.first('Num03') }}</span>
  </p>
</div>

JavaScript

Vue.use(VeeValidate);

var app = new Vue({
	el: '#app',
  	data() {
    	return {
      	value: '',
      }
    },
    methods: {
    },
});