fix: 修改用户页面username校验

nezha-fronted/src/components/common/js/validate.js

@@ -107,6 +107,20 @@ export function noSpecialChar (rule, value, callback) {
   }, 100)
 }
 
+export function userName (rule, value, callback) {
+  const reg = /^[a-zA-Z0-9!@~\-=`#\$%^&\*\(\)\+\{\}\[\]\\|:;'\"<>,\./\?_]*$/
+  setTimeout(() => {
+    if (!value) {
+      callback(new Error(vm.$t('validate.required')))
+    }
+    if (reg.test(value)) {
+      callback()
+    } else {
+      callback(new Error(vm.$t('validate.userName')))
+    }
+  }, 100)
+}
+
 export function latlng (rule, value, callback) {
   const lngReg = /^[\-\+]?(0?\d{1,2}\.\d{1,7}|1[0-7]?\d{1}\.\d{1,7}|180\.0{1,7}|0?\d{1,2}|1[0-7]?\d{1}|180)$/ // 经度正则验证
   const latReg = /^[\-\+]?([1-8]?\d{1}\.\d{1,7}|90\.0{1,7}|[1-8]?\d{1}|90)$/ // 纬度正则验证

nezha-fronted/src/components/common/rightBox/administration/userBox.vue

@@ -111,7 +111,7 @@
 </template>
 
 <script>
-// import { host, port } from '@/components/common/js/validate'
+import { userName } from '@/components/common/js/validate'
 import editRigthBox from '../../mixin/editRigthBox'
 import bus from '@/libs/bus'
 export default {
@@ -151,7 +151,8 @@ export default {
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
         username: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' },
+          { validator: userName, trigger: 'blur' }
         ],
         pin: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
@@ -168,9 +169,13 @@ export default {
         ]
       },
       rules2: { // 表单校验规则
-        username: [
+        name: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
+        username: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' },
+          { validator: userName, trigger: 'blur' }
+        ],
         pinChange: [
           { validator: validatePin, trigger: 'blur' }
         ],