📌
好きなタイミングで全バリデーション(Vuetify)
通常では、入力項目毎にルールを定義した、バリデーションをします。
例えば、テキストの場合:
しかし、入力を変更する度に、
または、submitボタンをクリックする時に、
一気に(全て)バリデーションをしたい、どうしたらよい?
根本は以下の関数を呼び出す
this.$refs.editForm.validate()
※入力項目を<v-from>で囲む
※formはrefで定義していて、その名前はeditFormです。
どのタイミングで呼び出す?
1.入力を変更する度にやりたい時に、監視したい値をwatch
して、変更する度にこの処理を呼び出せば良いです(どうやって値の変更を検知するか、vuejsのドキュメントをご参照ください)。
2.submitの時には、この処理を呼出したいならば、更新ボタンのクリック関数中から呼出す。
以上です。
Discussion