diff --git a/xiaomusic/static/default/setting.js b/xiaomusic/static/default/setting.js
index 02c587f..495874e 100644
--- a/xiaomusic/static/default/setting.js
+++ b/xiaomusic/static/default/setting.js
@@ -191,4 +191,14 @@ $(function(){
   $("#clear_cache").on("click", () => {
     localStorage.clear();
   });
+  $("#hostname").on("change", function(){
+    const hostname = $(this).val();
+    // 检查是否包含端口号（1到5位数字）
+    if (hostname.match(/:\d{1,5}$/)) {
+      alert("hostname禁止带端口号");
+      // 移除端口号
+      $(this).val(hostname.replace(/:\d{1,5}$/,""));
+    }
+  });
+
 });
diff --git a/xiaomusic/static/default_past/setting.js b/xiaomusic/static/default_past/setting.js
index 02c587f..1fba64d 100644
--- a/xiaomusic/static/default_past/setting.js
+++ b/xiaomusic/static/default_past/setting.js
@@ -191,4 +191,13 @@ $(function(){
   $("#clear_cache").on("click", () => {
     localStorage.clear();
   });
+  $("#hostname").on("change", function(){
+    const hostname = $(this).val();
+    // 检查是否包含端口号（1到5位数字）
+    if (hostname.match(/:\d{1,5}$/)) {
+      alert("hostname禁止带端口号");
+      // 移除端口号
+      $(this).val(hostname.replace(/:\d{1,5}$/,""));
+    }
+  });
 });
diff --git a/xiaomusic/static/default_past/style.css b/xiaomusic/static/default_past/style.css
index b2688e0..2eab7cb 100644
--- a/xiaomusic/static/default_past/style.css
+++ b/xiaomusic/static/default_past/style.css
@@ -30,6 +30,7 @@ input,select {
   width: 90%;
   max-width: 400px;
   height: 40px;
+  box-sizing: border-box;
 }
 
 .rows {