📌

好きなタイミングで全バリデーション(Vuetify)

2021/05/08に公開

通常では、入力項目毎にルールを定義した、バリデーションをします。
例えば、テキストの場合:
https://v2.vuetifyjs.com/ja/components/inputs/

しかし、入力を変更する度に、
または、submitボタンをクリックする時に、
一気に(全て)バリデーションをしたい、どうしたらよい?

根本は以下の関数を呼び出す

this.$refs.editForm.validate()

※入力項目を<v-from>で囲む
※formはrefで定義していて、その名前はeditFormです。

どのタイミングで呼び出す?
1.入力を変更する度にやりたい時に、監視したい値をwatchして、変更する度にこの処理を呼び出せば良いです(どうやって値の変更を検知するか、vuejsのドキュメントをご参照ください)。
2.submitの時には、この処理を呼出したいならば、更新ボタンのクリック関数中から呼出す。

以上です。

Discussion