diff --git a/src/modules/contents/posts/components/PostSettingModal.vue b/src/modules/contents/posts/components/PostSettingModal.vue
index 93473d751..573f790d4 100644
--- a/src/modules/contents/posts/components/PostSettingModal.vue
+++ b/src/modules/contents/posts/components/PostSettingModal.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { VButton, VModal, VSpace, VTabItem, VTabs } from "@halo-dev/components";
+import SubmitButton from "@/components/button/SubmitButton.vue";
 import { computed, ref, watchEffect } from "vue";
 import type { Post } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
@@ -192,6 +193,8 @@ const onPublishTimeChange = (value: string) => {
           :actions="false"
           :preserve="true"
           type="form"
+          :config="{ validationVisibility: 'submit' }"
+          @submit="handlePublish"
         >
           <FormKit
             v-model="formState.spec.title"
@@ -306,14 +309,14 @@ const onPublishTimeChange = (value: string) => {
     <template #footer>
       <VSpace>
         <template v-if="publishSupport">
-          <VButton
+          <SubmitButton
             v-if="formState.metadata.labels?.[postLabels.PUBLISHED] !== 'true'"
             :loading="publishing"
             type="secondary"
-            @click="handlePublish()"
+            text="发布"
+            @submit="$formkit.submit('basic')"
           >
-            发布
-          </VButton>
+          </SubmitButton>
           <VButton
             v-else
             :loading="publishCanceling"