diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index f8d04d2c9..26c8ad4e6 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.20.4",
+  "version": "4.20.5",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/pages/problem_edit.page.js b/packages/ui-default/pages/problem_edit.page.js
index 40c6e5dc2..881a3c2b6 100644
--- a/packages/ui-default/pages/problem_edit.page.js
+++ b/packages/ui-default/pages/problem_edit.page.js
@@ -247,7 +247,6 @@ export default new NamedPage(['problem_create', 'problem_edit'], (pagename) => {
   }
   $main.val(getContent(activeTab));
   function onChange(val) {
-    console.log('onChange', activeTab, val);
     try {
       val = JSON.parse(val);
       if (!(val instanceof Array)) val = JSON.stringify(val);
@@ -255,7 +254,6 @@ export default new NamedPage(['problem_create', 'problem_edit'], (pagename) => {
     const empty = /^\s*$/g.test(val);
     if (empty) delete content[activeTab];
     else content[activeTab] = val;
-    console.log(content);
     if (!Object.keys(content).length) $field.text('');
     else $field.text(JSON.stringify(content));
   }
@@ -266,4 +264,16 @@ export default new NamedPage(['problem_create', 'problem_edit'], (pagename) => {
     const val = getContent(lang);
     editor.value(val);
   });
+  $('[type="submit"]').on('click', (ev) => {
+    if (!$('[name="title"]').val().toString().length) {
+      Notification.error(i18n('Title is required.'));
+      $('body').scrollTop();
+      $('html, body').animate(
+        { scrollTop: 0 },
+        300,
+        () => $('[name="title"]').focus(),
+      );
+      ev.preventDefault();
+    }
+  });
 });