From 03acfc80b03ac0901504a594b4ee9d9fb8ae5e2a Mon Sep 17 00:00:00 2001 From: Ayush Mukherjee Date: Thu, 23 Jul 2020 07:27:37 +0530 Subject: [PATCH] fix empty contact form submit --- src/views/Home.vue | 40 ++++++++++++++++++++++------------------ 1 file changed, 22 insertions(+), 18 deletions(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index bb1a0bb..d02b14b 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -211,25 +211,29 @@ export default { methods: { submitForm() { event.preventDefault() - document.querySelector('input[type=text]').disabled = true - document.querySelector('input[type=email]').disabled = true - document.querySelector('textarea').disabled = true - document.querySelector('input.btn').disabled = true + if(this.name == null || this.email == null || this.message == null) + alert('Your name, email, or message cannot be empty.') + else { + document.querySelector('input[type=text]').disabled = true + document.querySelector('input[type=email]').disabled = true + document.querySelector('textarea').disabled = true + document.querySelector('input.btn').disabled = true - axios.post('https://cms.aplesports.com/api/forms/submit/contact', { - form: { - name: this.name, - email: this.email, - message: this.message - } - }, { - headers: { - 'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN - } - }) - .then(() => { - alert('Your message has been submitted.') - }) + axios.post('https://cms.aplesports.com/api/forms/submit/contact', { + form: { + name: this.name, + email: this.email, + message: this.message + } + }, { + headers: { + 'Cockpit-Token': process.env.VUE_APP_CMS_TOKEN + } + }) + .then(() => { + alert('Your message has been submitted.') + }) + } } } }