refactor: XIAOMUSIC_HOSTNAME 携带端口号友好提醒并处理 (#303)

* refactor: XIAOMUSIC_HOSTNAME 携带端口号友好提醒并处理

* refactor: input/select宽度对齐

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}$/,""));
+    }
+  });
+
 });

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}$/,""));
+    }
+  });
 });

xiaomusic/static/default_past/style.css

@@ -30,6 +30,7 @@ input,select {
   width: 90%;
   max-width: 400px;
   height: 40px;
+  box-sizing: border-box;
 }
 
 .rows {