fix: enforce validation if table name invalid

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui/components/utils/dlgTableCreate.vue

@@ -7,6 +7,7 @@
     @keydown.enter="$emit('create', table)"
   >
     <v-card class="elevation-1 backgroundColor nc-create-table-card">
+      <v-form ref="form" v-model="valid">
         <v-card-title class="primary subheading white--text py-2">
           Create A New Table
         </v-card-title>
@@ -105,7 +106,7 @@
             Cancel
           </v-btn>
           <v-btn
-          :disabled="!(table.name && table.name.length) || !(table.alias && table.alias.length)"
+            :disabled="!(table.name && table.name.length) || !(table.alias && table.alias.length) || !valid"
             color="primary"
             class="nc-create-table-submit"
             @click="$emit('create',table)"
@@ -113,6 +114,7 @@
             Submit
           </v-btn>
         </v-card-actions>
+      </v-form>
     </v-card>
   </v-dialog>
 </template>
@@ -134,7 +136,8 @@ export default {
           'created_at',
           'updated_at']
       },
-      validateTableName
+      validateTableName,
+      valid: false
     }
   },
   computed: {