diff --git a/module/upgrade/js/confirm.ui.js b/module/upgrade/js/confirm.ui.js
new file mode 100644
index 0000000000..e0457eb1fd
--- /dev/null
+++ b/module/upgrade/js/confirm.ui.js
@@ -0,0 +1,9 @@
+$(function()
+{
+    $(document).on('click', 'button[type=submit]', function()
+    {
+        $(this).addClass('disabled');
+        $(this).css('pointer-events', 'none');
+        $('#upgradingTips').removeClass('hidden');
+    });
+});
diff --git a/module/upgrade/ui/confirm.html.php b/module/upgrade/ui/confirm.html.php
index 532199547a..1f0e8b564f 100644
--- a/module/upgrade/ui/confirm.html.php
+++ b/module/upgrade/ui/confirm.html.php
@@ -18,18 +18,13 @@ div
     div
     (
         set::id('mainContent'),
-        set::class('bg-white p-4'),
-        set::style(array('margin' => '50px auto 0', 'width' => '800px')),
-        div
+        formPanel
         (
-            set::class('article-h1 mb-4'),
-            $lang->upgrade->confirm
-        ),
-        form
-        (
-            set::url(inlink('execute')),
+            set::width('800px'),
             set::target('_self'),
+            set::url(inlink('execute')),
             on::submit('submit.disabled=1'),
+            set::title($lang->upgrade->confirm),
             div
             (
                 set::class('border p-4 mb-4'),
@@ -45,14 +40,8 @@ div
                 set::name('fromVersion'),
                 set::value($fromVersion),
             ),
-            set::actions(array('submit')),
+            set::actions(array('submit', 'upgradingTips' => array('text' => $lang->upgrade->upgradingTips, 'class' => 'text-danger ghost hidden', 'id' => 'upgradingTips'))),
             set::submitBtnText($lang->upgrade->sureExecute),
-            div
-            (
-                set::id('upgradeingTips'),
-                set::class('text-danger hidden mt-2'),
-                $lang->upgrade->upgradingTips
-            )
         )
     )
 );