From df33d27f4da1b83903edd90d356339db862af6bc Mon Sep 17 00:00:00 2001 From: Marc Hanisch <mhanisch@gfz-potsdam.de> Date: Fri, 5 Mar 2021 13:52:27 +0100 Subject: [PATCH] check if form is valid before saving --- pages/devices/_deviceId/basic/edit.vue | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/pages/devices/_deviceId/basic/edit.vue b/pages/devices/_deviceId/basic/edit.vue index 4fdf8ba76..d8b415e37 100644 --- a/pages/devices/_deviceId/basic/edit.vue +++ b/pages/devices/_deviceId/basic/edit.vue @@ -20,11 +20,10 @@ apply </v-btn> </v-card-actions> - <v-card-text> - <DeviceBasicDataForm - v-model="deviceCopy" - /> - </v-card-text> + <DeviceBasicDataForm + ref="basicForm" + v-model="deviceCopy" + /> <v-card-actions> <v-spacer /> <v-btn @@ -76,6 +75,10 @@ export default class DeviceEditBasicPage extends Vue { } onSaveButtonClicked () { + if (!(this.$refs.basicForm as Vue & { validateForm: () => boolean }).validateForm()) { + this.$store.commit('snackbar/setError', 'Please correct your input') + return + } this.save().then((device) => { this.$emit('input', device) this.$router.push('/devices/' + this.deviceId + '/basic') -- GitLab