VeeValidateでcheckboxを必須項目としてバリデーションする方法
VeeValidate [https://baianat.github.io/vee-validate/]
を使ってチェックボックスを必須項目としてバリデーションする場合以下のように書くかと思います。
input(
type="checkbox",
data-vv-name="bool",
v-validate="'required'",
)
予想される動作としては、チェックされていなければエラーを表示する。
しかし、実際にはエラーを表示してくれない。
なぜなのか。
checkboxでは値がfalseでもtrueでも、バリデーション結果はtrueになる
先程作成したチェックボックスでバリデーションの実験を行った。
validator.validate('bool', true).then((result) => {
console.log(result)
});
--> true
validator.validate('bool', false).then((result) => {
console.log(result)
});
--> true
