Web Setup Validation & formats

src/components/communication/contactUsSource.vue

                 <div class="col-md-4">
                   <float-label fixed label="Description">
                     <input
-                      class="form-control"
+                      class="form-control uniInput"
                       type="text"
                       name="description"
                       id="description"
               </div>
             </form>
           </div>
+          <div v-if="boolValidationError" class="row">
+            <div class="col">
+              <alert :text="errorMessage" :type="errorOccurred" />
+            </div>
+          </div>
           <div class="col-md-12">
             <button
               type="button"
       'clearContactUsSource',
     ]),
     SubmitData() {
-      console.log('SubmitData')
-      if (this.contactUsSource.id > 0) {
-        this.updateContactUsSource(this.contactUsSource)
-      } else {
-        this.saveContactUsSource(this.contactUsSource)
+      if (this.validatePage()) {
+        console.log('SubmitData')
+        if (this.contactUsSource.id > 0) {
+          this.updateContactUsSource(this.contactUsSource)
+        } else {
+          this.saveContactUsSource(this.contactUsSource)
+        }
+        this.$router.push('/contactUsSource/list')
       }
-      this.$router.push('/contactUsSource/list')
     },
     Close() {
       this.$router.push('/contactUsSource/list')

src/store/modules/timeshare/status.js

 /* eslint-disable */
-import axios from 'axios';
+import axios from 'axios'
 
 export default {
-  namespaced: true,
-  state: {
-    statusList: [],
-    singleStatus: {}
-  },
-  mutations: {
-    setStatusList(state, list) {
-      state.statusList = list;
+    namespaced: true,
+    state: {
+        statusList: [],
+        status: {},
     },
-    addNewStatus(state, status){
-      state.statusList.push(status)
+    mutations: {
+        setStatusList(state, list) {
+            state.statusList = list
+        },
+        addNewStatus(state, status) {
+            state.statusList.push(status)
+        },
+        setSingleStatus(state, status) {
+            state.status = status
+        },
+        deleteStatus(state, id) {
+            var index = state.statusList.findIndex((stat) => stat.id == id)
+            state.statusList.splice(index, 1)
+        },
+        clearStatus(state) {
+            state.status = {
+                code: '',
+                description: '',
+            }
+        },
     },
-    setSingleStatus(state, status){
-      state.singleStatus = status
+    getters: {},
+    actions: {
+        getStatusList({ commit }) {
+            axios
+                .get('/api/status')
+                .then((result) => commit('setStatusList', result.data))
+                .catch(console.error)
+        },
+        async getSingleStatus({ commit }, id) {
+            await axios
+                .get('/api/status/' + id)
+                .then((result) => {
+                    commit('setSingleStatus', result.data[0])
+                })
+                .catch((e) => {
+                    console.log(e.response)
+                })
+        },
+        async createNewStatus({ commit }, status) {
+            await axios
+                .post('/api/status', status)
+                .then((result) => {
+                    commit('addNewStatus', result.data)
+                })
+                .catch((e) => {
+                    console.log(e)
+                })
+        },
+        async updateStatus({ commit }, status) {
+            await axios
+                .put('/api/status', status)
+                .then((result) => {})
+                .catch((e) => {
+                    console.log(e)
+                })
+        },
+        async deleteStatus({ commit }, id) {
+            await axios.delete('/api/status/' + id).then(() => {
+                commit('deleteStatus', id)
+            })
+        },
+        clearStatus({ commit }) {
+            commit('clearStatus')
+        },
     },
-    deleteStatus(state, id){
-      var index = state.statusList.findIndex((stat) => stat.id == id)
-      state.statusList.splice(index, 1)
-    }
-  },
-  getters: {},
-  actions: {
-    getStatusList({ commit }) {
-      axios
-        .get('/api/status')
-        .then(result => commit('setStatusList', result.data))
-        .catch(console.error);
-    },
-    async getSingleStatus({commit}, id){
-      await axios.get('/api/status/'+ id)
-      .then((result) => {
-        commit("setSingleStatus", result.data[0])
-      })
-      .catch((e) => {
-        console.log(e.response);
-      })
-    },
-    async createNewStatus({commit}, status){
-      await axios.post("/api/status", status)
-      .then((result) => {
-        commit("addNewStatus", result.data)
-      })
-      .catch((e) => {
-        console.log(e);
-      })
-    },
-    async updateStatus({commit}, status){
-      await axios.put("/api/status", status)
-      .then((result) => {
-        
-      })
-      .catch((e) => {
-        console.log(e);
-      })
-    },
-    async deleteStatus({commit}, id){
-      await axios.delete('/api/status/'+id)
-      .then(() => {
-        commit("deleteStatus", id)
-      })
-    }
-  },
-};
+}