fix(02): only letter and number username

src/components/02_personnel-management/FormInformation.vue

@@ -179,8 +179,14 @@ onMounted(async () => {
         class="col-md col-12"
         :label="$t('personnel.form.username')"
         v-model="username"
-        :rules="[(val: string) => val.length > 2 || $t('form.error.required')]"
+        :rules="[
+          (val: string) => val.length > 2 || $t('form.error.required'),
+          (val: string) =>
+            (val.length > 0 && /^[a-zA-Z0-9]+$/.test(val)) ||
+            $t('form.error.letterAndNumOnly'),
+        ]"
       />
+
       <q-select
         outlined
         clearable

src/i18n/eng/index.ts

@@ -135,6 +135,7 @@ export default {
       please: 'Please enter {msg} correct information.',
       invalid: 'Invalid value.',
       invalidCustomeMessage: 'Invalid value. {msg}',
+      letterAndNumOnly: 'Only letters and number are allowed',
     },
     warning: {
       title: 'Warning {msg}',

src/i18n/tha/index.ts

@@ -135,6 +135,7 @@ export default {
       please: 'โปรดใส่ข้อมูล{msg}ให้ถูกต้อง',
       invalid: 'ข้อมูลไม่ถูกต้อง',
       invalidCustomeMessage: 'ข้อมูลไม่ถูกต้อง {msg}',
+      letterAndNumOnly: 'โปรดใช้เฉพาะภาษาอังกฤษและตัวเลขเท่านั้น',
     },
     warning: {
       title: 'แจ้งเตือน {msg}',

src/pages/02_personnel-management/MainPage.vue

@@ -484,6 +484,7 @@ async function onDelete(id: string) {
       typeStats.value = await userStore.typeStats();
       flowStore.rotate();
     },
+    cancel: () => {},
   });
 }