diff --git a/src/types/Dataset.d.ts b/src/types/Dataset.d.ts
index 3a7f7bf0..c9ba2340 100644
--- a/src/types/Dataset.d.ts
+++ b/src/types/Dataset.d.ts
@@ -238,6 +238,18 @@ export interface DatasetRelatedIdentifiers {
   related_identifiers: DatasetRelatedIdentifier[];
 }
 
+export interface FieldValidation {
+  name: string;
+  metadata_header: string;
+  route: string;
+}
+
+export interface DatasetMetadataValidation {
+  message: string;
+  metadata: FieldValidation[];
+  route_identifier: string;
+}
+
 export interface DatasetHealthsheetRecord {
   id: number;
   question: string;
diff --git a/src/views/study/dataset/metadata/about/DatasetMetadataOther.vue b/src/views/study/dataset/metadata/about/DatasetMetadataOther.vue
index 88654130..6e97d42c 100644
--- a/src/views/study/dataset/metadata/about/DatasetMetadataOther.vue
+++ b/src/views/study/dataset/metadata/about/DatasetMetadataOther.vue
@@ -19,6 +19,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const moduleData = ref<DatasetOther>({
   acknowledgement: "",
   format: [],
@@ -189,6 +192,15 @@ const scrollToSection = (key: string) => {
             class="w-full"
             :disabled="studyStore.currentStudyRole === 'viewer'"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h3 class="resource-type">Resource Type</h3>
 
             <p class="pb-8 pt-2">
diff --git a/src/views/study/dataset/metadata/access-rights/DatasetMetadataAccessRights.vue b/src/views/study/dataset/metadata/access-rights/DatasetMetadataAccessRights.vue
index b4a91433..b8b962ab 100644
--- a/src/views/study/dataset/metadata/access-rights/DatasetMetadataAccessRights.vue
+++ b/src/views/study/dataset/metadata/access-rights/DatasetMetadataAccessRights.vue
@@ -23,6 +23,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const displayLicenseEditor = ref(false);
 const draftLicense = ref("");
 const licenseName = ref("");
@@ -250,6 +253,15 @@ const scrollToSection = (key: string) => {
             label-placement="top"
             class="w-full overflow-auto"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h2 class="access pb-4">Access</h2>
 
             <n-card class="bg-gray-50">
diff --git a/src/views/study/dataset/metadata/data-management/DatasetMetadataDataManagement.vue b/src/views/study/dataset/metadata/data-management/DatasetMetadataDataManagement.vue
index 1622ba8b..641e9ac2 100644
--- a/src/views/study/dataset/metadata/data-management/DatasetMetadataDataManagement.vue
+++ b/src/views/study/dataset/metadata/data-management/DatasetMetadataDataManagement.vue
@@ -20,6 +20,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const moduleData = reactive<DatasetDataManagement>({
   consent: {
     details: "",
@@ -250,6 +253,15 @@ const scrollToSection = (key: string) => {
             label-placement="top"
             class="w-full"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h2 class="consent pb-4">Consent</h2>
 
             <n-card class="bg-gray-50">
diff --git a/src/views/study/dataset/metadata/general-information/DatasetMetadataGeneralInformation.vue b/src/views/study/dataset/metadata/general-information/DatasetMetadataGeneralInformation.vue
index 790e7fd1..c298e040 100644
--- a/src/views/study/dataset/metadata/general-information/DatasetMetadataGeneralInformation.vue
+++ b/src/views/study/dataset/metadata/general-information/DatasetMetadataGeneralInformation.vue
@@ -23,6 +23,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const formRef = ref<FormInst | null>(null);
 const moduleData = reactive<DatasetGeneralInformation>({
   dates: [],
@@ -308,6 +311,15 @@ const scrollToSection = (key: string) => {
             label-placement="top"
             :disabled="studyStore.currentStudyRole === 'viewer'"
           >
+            <div v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h2 class="titles py-4">Titles</h2>
 
             <n-card class="bg-gray-50">
diff --git a/src/views/study/dataset/metadata/identifiers/DatasetMetadataIdentifiers.vue b/src/views/study/dataset/metadata/identifiers/DatasetMetadataIdentifiers.vue
index df1f0efa..0ae8b6a7 100644
--- a/src/views/study/dataset/metadata/identifiers/DatasetMetadataIdentifiers.vue
+++ b/src/views/study/dataset/metadata/identifiers/DatasetMetadataIdentifiers.vue
@@ -21,6 +21,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const formRef = ref<FormInst | null>(null);
 const moduleData = reactive<DatasetIdentifiers>({
   identifiers: [],
@@ -197,6 +200,15 @@ const scrollToSection = (key: string) => {
         </div>
 
         <div class="w-full">
+          <div v-if="routeState?.missingFields && routeState.missingFields.length">
+            <n-alert type="error">
+              Please fill the following required field(s):
+              <span class="italic">
+                {{ missingFieldsList }}
+              </span>
+            </n-alert>
+          </div>
+
           <h3 class="primary-Identifier">Primary Identifier</h3>
 
           <p class="pb-8 pt-2">
diff --git a/src/views/study/dataset/metadata/related/DatasetMetadataRelatedIdentifiers.vue b/src/views/study/dataset/metadata/related/DatasetMetadataRelatedIdentifiers.vue
index a749eb2a..23d82226 100644
--- a/src/views/study/dataset/metadata/related/DatasetMetadataRelatedIdentifiers.vue
+++ b/src/views/study/dataset/metadata/related/DatasetMetadataRelatedIdentifiers.vue
@@ -22,6 +22,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const formRef = ref<FormInst | null>(null);
 
 const moduleData = reactive<DatasetRelatedIdentifiers>({
@@ -178,6 +181,15 @@ const saveMetadata = (e: MouseEvent) => {
         class="pr-4"
         v-else
       >
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <CollapsibleCard
           v-for="(item, index) in moduleData.related_identifiers"
           :key="item.id"
diff --git a/src/views/study/dataset/metadata/team/DatasetMetadataTeam.vue b/src/views/study/dataset/metadata/team/DatasetMetadataTeam.vue
index fa654414..21059ac3 100644
--- a/src/views/study/dataset/metadata/team/DatasetMetadataTeam.vue
+++ b/src/views/study/dataset/metadata/team/DatasetMetadataTeam.vue
@@ -22,6 +22,9 @@ const routeParams = {
 const studyId = routeParams.studyId;
 const datasetId = routeParams.datasetId;
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const formRef = ref<FormInst | null>(null);
 
 const moduleData = reactive<DatasetTeam>({
@@ -375,6 +378,15 @@ const scrollToSection = (key: string) => {
             class="w-full pr-4"
             :disabled="studyStore.currentStudyRole === 'viewer'"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h2 class="creators pb-4">Creators</h2>
 
             <n-card class="bg-gray-50">
diff --git a/src/views/study/dataset/publish/new/NewVersion.vue b/src/views/study/dataset/publish/new/NewVersion.vue
index 755178f9..e590b087 100644
--- a/src/views/study/dataset/publish/new/NewVersion.vue
+++ b/src/views/study/dataset/publish/new/NewVersion.vue
@@ -2,6 +2,7 @@
 import { faker } from "@faker-js/faker";
 
 import { useSidebarStore } from "@/stores/sidebar";
+import type { DatasetMetadataValidation } from "@/types/Dataset";
 import { baseURL } from "@/utils/constants";
 
 const route = useRoute();
@@ -17,6 +18,7 @@ const routeParams = {
 
 const studyId = routeParams.studyId as string;
 const datasetId = routeParams.datasetId as string;
+const responseLoading = ref(false);
 
 const loading = ref(false);
 
@@ -26,6 +28,8 @@ const version = ref({
   title: faker.commerce.productName(),
 });
 
+const moduleData = reactive<DatasetMetadataValidation[]>([]);
+
 const rules: FormRules = {
   title: [
     {
@@ -38,6 +42,31 @@ const rules: FormRules = {
 
 onBeforeMount(async () => {
   sidebarStore.setAppSidebarCollapsed(true);
+  responseLoading.value = true;
+
+  const response = await fetch(
+    `${baseURL}/study/${studyId}/dataset/${datasetId}/metadata-validation`,
+    {
+      method: "GET",
+    }
+  );
+  responseLoading.value = false;
+
+  if (!response.ok) {
+    push.error("Something went wrong.");
+
+    throw new Error("Network response was not ok");
+  }
+
+  const data = await response.json();
+
+  console.log(data);
+
+  moduleData.splice(0, moduleData.length, ...(data ?? []).map((item: any) => ({ ...item })));
+
+  //
+  // aboutList = moduleData.map((item: any) => item.about);
+  // datasetSubjects = moduleData.map((item: any) => item.dataset_subjects);
 });
 
 const createVersion = (e: MouseEvent) => {
@@ -83,6 +112,25 @@ const createVersion = (e: MouseEvent) => {
     }
   });
 };
+
+function uniqueMetadataIdentifiers(fullMetadata: any) {
+  const uniqueIdentifier = new Set();
+
+  const uniqueFields = fullMetadata.filter((field: any) => {
+    const key = field.metadata_header; // or field.field if that's your unique identifier
+    if (!uniqueIdentifier.has(key)) {
+      uniqueIdentifier.add(key);
+      return true;
+    }
+    return false;
+  });
+
+  return uniqueFields;
+}
+
+function getNamesForHeader(metadata, header) {
+  return metadata.filter((m) => m.metadata_header === header).map((m) => m.name);
+}
 </script>
 
 <template>
@@ -96,7 +144,38 @@ const createVersion = (e: MouseEvent) => {
 
     <n-divider />
 
+    <div class="mr-4 flex gap-2 pb-4" :key="index" v-for="(item, index) in moduleData">
+      <n-alert :title="item.message" class="w-full" type="error">
+        <div
+          class="mb-2 flex text-sm"
+          v-for="(field, index) in uniqueMetadataIdentifiers(item.metadata)"
+          :key="index"
+        >
+          <RouterLink
+            :to="{
+              name: `${item.route_identifier}:${field.route}`,
+              params: {
+                studyId: routeParams.studyId,
+                datasetId: routeParams.datasetId,
+              },
+              state: {
+                metadata_header: field.metadata_header,
+                missingFields: getNamesForHeader(item.metadata, field.metadata_header),
+              },
+            }"
+          >
+            <n-button size="tiny" type="info" ghost>
+              Add Missing {{ field.metadata_header }} Details
+            </n-button>
+          </RouterLink>
+        </div>
+      </n-alert>
+    </div>
+
+    <LottieLoader v-if="responseLoading" />
+
     <n-form
+      v-else
       ref="formRef"
       :model="version"
       :rules="rules"
@@ -111,7 +190,7 @@ const createVersion = (e: MouseEvent) => {
       <n-divider />
 
       <div class="flex justify-start">
-        <n-button size="large" type="primary" @click="createVersion" :loading="loading">
+        <n-button disabled size="large" type="primary" @click="createVersion" :loading="loading">
           <template #icon>
             <f-icon icon="gridicons:create" />
           </template>
diff --git a/src/views/study/metadata/description/StudyDescription.vue b/src/views/study/metadata/description/StudyDescription.vue
index e779ca02..e8064847 100644
--- a/src/views/study/metadata/description/StudyDescription.vue
+++ b/src/views/study/metadata/description/StudyDescription.vue
@@ -12,6 +12,9 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+const metadata_header = routeState?.metadata_header || "";
 
 const formRef = ref<FormInst | null>(null);
 
@@ -355,6 +358,13 @@ const scrollToSection = (key: string) => {
             :disabled="studyStore.currentStudyRole === 'viewer'"
             class="w-full"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic"> {{ metadata_header }}:{{ missingFieldsList }} </span>
+              </n-alert>
+            </div>
+
             <h2 class="description pb-4">Description</h2>
 
             <n-card class="rounded-xl bg-gray-50">
diff --git a/src/views/study/metadata/design/StudyDesign.vue b/src/views/study/metadata/design/StudyDesign.vue
index 5f385300..0bdab9ca 100644
--- a/src/views/study/metadata/design/StudyDesign.vue
+++ b/src/views/study/metadata/design/StudyDesign.vue
@@ -11,6 +11,8 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const formRef = ref<FormInst | null>(null);
 
@@ -359,6 +361,15 @@ const scrollToSection = (key: string) => {
             label-placement="top"
             class="w-full pr-4"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic">
+                  {{ missingFieldsList }}
+                </span>
+              </n-alert>
+            </div>
+
             <h3 class="study-type pb-4">Study Type</h3>
 
             <p class="pb-8 pt-2">
diff --git a/src/views/study/metadata/eligibility/StudyEligibility.vue b/src/views/study/metadata/eligibility/StudyEligibility.vue
index 1a2d6f11..614148b3 100644
--- a/src/views/study/metadata/eligibility/StudyEligibility.vue
+++ b/src/views/study/metadata/eligibility/StudyEligibility.vue
@@ -11,6 +11,8 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const loading = ref(false);
 const responseLoading = ref(false);
@@ -203,8 +205,8 @@ const scrollToSection = (key: string) => {
     <n-scrollbar ref="scrollbarRef" class="max-h-[80vh]">
       <LottieLoader v-if="responseLoading" />
 
-      <div v-else class="flex flex-row-reverse max-lg:flex-col">
-        <div class="max-2xl:w-[500px] max-lg:hidden lg:block 2xl:w-[250px]">
+      <div v-else class="flex flex-row-reverse justify-end max-lg:flex-col">
+        <div class="max-2xl:w-[500px] max-lg:hidden lg:block 2xl:w-[750px]">
           <n-menu
             :options="menuOptions"
             @update:value="scrollToSection"
@@ -221,8 +223,17 @@ const scrollToSection = (key: string) => {
         </div>
 
         <FadeTransition>
-          <div>
-            <div v-if="!moduleData.study_type">
+          <div class="w-full">
+            <div v-if="!moduleData.study_type" class="flex flex-col gap-4">
+              <div v-if="routeState?.missingFields && routeState.missingFields.length">
+                <n-alert type="error">
+                  Please fill the following required field(s):
+                  <span class="italic">
+                    {{ missingFieldsList }}
+                  </span>
+                </n-alert>
+              </div>
+
               <n-alert
                 title="A study type should be added before you can add eligibility details."
                 type="error"
@@ -256,7 +267,6 @@ const scrollToSection = (key: string) => {
               size="large"
               :disabled="!moduleData.study_type || studyStore.currentStudyRole === 'viewer'"
               label-placement="top"
-              class="w-full"
             >
               <h3 class="gender">Gender</h3>
 
diff --git a/src/views/study/metadata/enrollment/contacts/StudyContacts.vue b/src/views/study/metadata/enrollment/contacts/StudyContacts.vue
index e1e4153b..a70206b5 100644
--- a/src/views/study/metadata/enrollment/contacts/StudyContacts.vue
+++ b/src/views/study/metadata/enrollment/contacts/StudyContacts.vue
@@ -11,6 +11,8 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const formRef = ref<FormInst | null>(null);
 
@@ -177,6 +179,15 @@ const saveMetadata = (e: MouseEvent) => {
         class="pr-4"
         v-else
       >
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <CollapsibleCard
           v-for="(item, index) in moduleData.central_contact_list"
           :key="item.id"
diff --git a/src/views/study/metadata/enrollment/locations/StudyLocations.vue b/src/views/study/metadata/enrollment/locations/StudyLocations.vue
index ed7c6b90..4ce3458b 100644
--- a/src/views/study/metadata/enrollment/locations/StudyLocations.vue
+++ b/src/views/study/metadata/enrollment/locations/StudyLocations.vue
@@ -13,6 +13,8 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const formRef = ref<FormInst | null>(null);
 
@@ -20,6 +22,14 @@ const moduleData = reactive<StudyLocations>({
   location_list: [],
 });
 
+const showAlert = ref(false);
+
+router.beforeEach((to) => {
+  const isValidationRoute =
+    to.path ===
+    `${baseURL}/study/${to.params.studyId}/dataset/${to.params.datasetId}/publish:versions:new`;
+  showAlert.value = isValidationRoute;
+});
 const countryOptions = computed(() => {
   return COUNTRIES_JSON.map((item) => {
     return {
@@ -178,6 +188,15 @@ const saveMetadata = (e: MouseEvent) => {
         v-else
         :disabled="studyStore.currentStudyRole === 'viewer'"
       >
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <CollapsibleCard
           v-for="(item, index) in moduleData.location_list"
           :key="item.id"
diff --git a/src/views/study/metadata/enrollment/officials/StudyOfficials.vue b/src/views/study/metadata/enrollment/officials/StudyOfficials.vue
index 32b9d003..ae17eb3c 100644
--- a/src/views/study/metadata/enrollment/officials/StudyOfficials.vue
+++ b/src/views/study/metadata/enrollment/officials/StudyOfficials.vue
@@ -12,6 +12,8 @@ const router = useRouter();
 const push = usePush();
 
 const studyStore = useStudyStore();
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const formRef = ref<FormInst | null>(null);
 
@@ -175,6 +177,15 @@ const saveMetadata = (e: MouseEvent) => {
         v-else
         :disabled="studyStore.currentStudyRole === 'viewer'"
       >
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <CollapsibleCard
           v-for="(item, index) in moduleData.overall_official_list"
           :key="item.id"
diff --git a/src/views/study/metadata/oversight/StudyOversight.vue b/src/views/study/metadata/oversight/StudyOversight.vue
index 5c1a1ebf..34161028 100644
--- a/src/views/study/metadata/oversight/StudyOversight.vue
+++ b/src/views/study/metadata/oversight/StudyOversight.vue
@@ -14,6 +14,8 @@ const studyStore = useStudyStore();
 const formRef = ref<FormInst | null>(null);
 
 // date type: dayjs().format("YYYY-MM-DD HH:mm:ss")
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const moduleData = ref<StudyOversightModule>({
   fda_regulated_device: null,
@@ -128,6 +130,15 @@ const saveMetadata = (e: MouseEvent) => {
         :disabled="studyStore.currentStudyRole === 'viewer'"
         v-else
       >
+        <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <n-form-item label="Human Subject Review Status" path="human_subject_review_status">
           <n-select
             v-model:value="moduleData.human_subject_review_status"
diff --git a/src/views/study/metadata/status/StudyStatus.vue b/src/views/study/metadata/status/StudyStatus.vue
index 92dc49a5..7e84ef07 100644
--- a/src/views/study/metadata/status/StudyStatus.vue
+++ b/src/views/study/metadata/status/StudyStatus.vue
@@ -7,6 +7,9 @@ import { useStudyStore } from "@/stores/study";
 import type { StudyStatusModule } from "@/types/Study";
 import { baseURL } from "@/utils/constants";
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const route = useRoute();
 const push = usePush();
 
@@ -155,6 +158,15 @@ const saveMetadata = (e: MouseEvent) => {
         :disabled="studyStore.currentStudyRole === 'viewer'"
         v-else
       >
+        <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <n-form-item label="Overall Status" path="overall_status">
           <n-select
             v-model:value="moduleData.overall_status"
diff --git a/src/views/study/metadata/team/StudyTeam.vue b/src/views/study/metadata/team/StudyTeam.vue
index 519bab04..7abbdf56 100644
--- a/src/views/study/metadata/team/StudyTeam.vue
+++ b/src/views/study/metadata/team/StudyTeam.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import type { FormInst } from "naive-ui";
-import type { MenuOption } from "naive-ui";
+import type { FormInst, MenuOption } from "naive-ui";
 import { nanoid } from "nanoid";
 
 import FORM_JSON from "@/assets/data/form.json";
@@ -9,12 +8,17 @@ import type { StudyTeam } from "@/types/Study";
 import { baseURL } from "@/utils/constants";
 
 const route = useRoute();
+
 const router = useRouter();
 const push = usePush();
 const studyStore = useStudyStore();
 
 const formRef = ref<FormInst | null>(null);
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+const metadata_header = routeState?.metadata_header || "";
+
 const moduleData = reactive<StudyTeam>({
   collaborators: [],
   sponsors: {
@@ -258,6 +262,13 @@ const scrollToSection = (key: string) => {
             label-placement="top"
             class="w-full"
           >
+            <div class="pb-4" v-if="routeState?.missingFields && routeState.missingFields.length">
+              <n-alert type="error">
+                Please fill the following required field(s):
+                <span class="italic"> {{ metadata_header }}:{{ missingFieldsList }} </span>
+              </n-alert>
+            </div>
+
             <h1 class="pb-4">Collaboration</h1>
 
             <h2 class="sponsors pb-8">Sponsors</h2>
diff --git a/src/views/study/metadata/treatment/arms/StudyArms.vue b/src/views/study/metadata/treatment/arms/StudyArms.vue
index caece73f..812c8429 100644
--- a/src/views/study/metadata/treatment/arms/StudyArms.vue
+++ b/src/views/study/metadata/treatment/arms/StudyArms.vue
@@ -18,6 +18,9 @@ const responseLoading = ref(false);
 
 const formRef = ref<FormInst | null>(null);
 
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
+
 const moduleData = reactive<StudyArms>({
   arms: [],
   study_type: "",
@@ -149,7 +152,16 @@ const saveMetadata = (e: MouseEvent) => {
     <FadeTransition>
       <LottieLoader v-if="responseLoading" />
 
-      <div v-else>
+      <div v-else class="flex flex-col gap-4">
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <div v-if="!moduleData.study_type">
           <n-alert
             title="A study type should be added before you can add study arms."
diff --git a/src/views/study/metadata/treatment/interventions/StudyInterventions.vue b/src/views/study/metadata/treatment/interventions/StudyInterventions.vue
index 5a5c61b6..d8526e2d 100644
--- a/src/views/study/metadata/treatment/interventions/StudyInterventions.vue
+++ b/src/views/study/metadata/treatment/interventions/StudyInterventions.vue
@@ -18,6 +18,8 @@ const formRef = ref<FormInst | null>(null);
 const moduleData = reactive<StudyInterventions>({
   interventions: [],
 });
+const routeState = window.history.state;
+const missingFieldsList = (routeState?.missingFields || []).map((f) => f).join(", ");
 
 const loading = ref(false);
 const responseLoading = ref(false);
@@ -172,6 +174,15 @@ const saveMetadata = (e: MouseEvent) => {
         :disabled="studyStore.currentStudyRole === 'viewer'"
         v-else
       >
+        <div v-if="routeState?.missingFields && routeState.missingFields.length">
+          <n-alert type="error">
+            Please fill the following required field(s):
+            <span class="italic">
+              {{ missingFieldsList }}
+            </span>
+          </n-alert>
+        </div>
+
         <CollapsibleCard
           v-for="(item, index) in moduleData.interventions"
           :key="item.id"
diff --git a/src/views/study/new/NewStudy.vue b/src/views/study/new/NewStudy.vue
index cc06268f..2485ae4c 100644
--- a/src/views/study/new/NewStudy.vue
+++ b/src/views/study/new/NewStudy.vue
@@ -32,7 +32,7 @@ const routeParams = {
 const study = reactive({
   title: faker.commerce.productName(),
   image: "",
-  short_description: "",
+  short_description: faker.commerce.productDescription(),
 });
 
 // const keywordOptions = FormJSON.keywordOptions;