feat: 站点信息表单添加ip和端口校验

base-manager-ui/admin/src/pages/basicset/site/components/addsite.vue

@@ -308,6 +308,7 @@ import YCheckbox from "@/components/ycheckbox/YCheckbox.vue";
 import YSwitch from "@/components/yswitch/YSwitch.vue";
 // import options from "@/utils/city";
 import { regionData } from "element-china-area-data";
+import { checkPort, checkIp } from "@/utils/validate";
 export default {
   props: {
     formVisible: {
@@ -459,15 +460,15 @@ export default {
         siteIp: [
           {
             required: true,
-            message: "站点服务器ip不能为空",
-            trigger: ["blur", "change"],
+            validator: checkIp,
+            trigger: "blur",
           },
         ],
         sitePort: [
           {
             required: true,
-            message: "站点服务器端口不能为空",
-            trigger: ["blur", "change"],
+            validator: checkPort,
+            trigger: "blur",
           },
         ],
         longitude: [

base-manager-ui/admin/src/utils/validate.js

@@ -65,7 +65,7 @@ export const changePassWord = (rule, value, callback) => {
 // 验证手机号码
 export const changePhone = (rule, value, callback) => {
   if (!value) {
-    // callback(new Error("请输入手机号"));
+    callback(new Error("请输入手机号"));
     callback();
   } else if (!/^1[3-9]\d{9}$/.test(value)) {
     callback(new Error("手机号码格式不正确"));
@@ -111,3 +111,55 @@ export const changeCodeNumber = (rule, value, callback) => {
     callback();
   }
 };
+// 验证mac地址
+export const checkMac = (rule, value, callback) => {
+  if (!value) {
+    callback(new Error("请输入mac地址"));
+  } else if (
+    !/^(([a-f0-9][0,2,4,6,8,a,c,e]:([a-f0-9]{2}:){4})|([a-f0-9][0,2,4,6,8,a,c,e]-([a-f0-9]{2}-){4}))[a-f0-9]{2}$/i.test(
+      value
+    )
+  ) {
+    callback(new Error("mac地址格式错误"));
+  } else {
+    callback();
+  }
+};
+
+// 验证端口
+export const checkPort = (rule, value, callback) => {
+  if (!value) {
+    if (rule.required) {
+      callback(new Error("端口号不能为空"));
+    } else {
+      callback();
+    }
+  } else if (
+    !/^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/.test(
+      value
+    )
+  ) {
+    callback(new Error("端口号格式错误"));
+  } else {
+    callback();
+  }
+};
+
+// 验证ip
+export const checkIp = (rule, value, callback) => {
+  if (!value) {
+    if (rule.required) {
+      callback(new Error("ip不能为空"));
+    } else {
+      callback();
+    }
+  } else if (
+    !/^(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/.test(
+      value
+    )
+  ) {
+    callback(new Error("ip格式错误"));
+  } else {
+    callback();
+  }
+};