regexを利用して正規表現でチェックする validation-provider(:rules='{required: true, regex: /^[0-9]{3}[-][0-9]{4}$/}' v-slot="{valid, errors}" name='郵便番号') b-form-group(label='郵便番号') b-form-input(type='text' name='postcode' v-model='…

よくある利用規約とかの必須なチェックボックスをvee-validateで書くとこんな感じになる <template lang="pug"> div validation-provider(rules='required|email' v-slot="{valid, errors}" name='メールアドレス') b-form-group(label='メールアドレス') b-form-input(type='emai</template>…

今回は単純に日付のFrom Toではなくて現在の日付から算出した年齢が特定の範囲の日付しか入力できないようにしたいのでカスタムルールを作成した 公式のドキュメントを参照しながら以下の様なルールを作成 Basics | VeeValidate import { extend } from 'vee…