はじめに Vue.jsで実装されているフロントにおいて汎用的なフォームバリデーションには、 VeeValidateを使っていて、よく使うものをまとめてメモするコーナーです。 Vue.js: https://jp.vuejs.org/ VeeValidate: http://vee-validate.logaretm.com/ examples jsFiddleのSample交えつつみると秒速理解かもしれません。 数値指定と文字数制限(おまけでmax_value) Sample <div id="app"> <p> <h4>option: numeric and max:length</h4> <input v-validate="'numeric|max:10'" type="text" name="num1"> <br> <span v-if="errors.has('num1')">{