Vue.js

Vue|入力検証(バリデーション)でVeeValidateを導入

基本

・VeeValidateは、バリデーションを導入するのに便利(Vueのバージョンによって、VeeValidateのバージョンも異なるので注意)以下のリンクは、Vue2.x用のVeeValidate3.x

https://vee-validate.logaretm.com/v3/

・バリデーションのカスタムルールを作成するなら、正規表現を理解すると様々な入力検証を作成できる。

UI・UXとしてのバリデーションを考える

バリデーションで考えること、バリデーションを実行するタイミング。

エラーメッセージを表示するタイミング。メッセージを表示する位置。ボタンの活性・非活性制御などなど。

  • この記事を書いた人

kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

-Vue.js