diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index 12b8ff88..6db19871 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/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
diff --git a/src/i18n/eng/index.ts b/src/i18n/eng/index.ts
index d33968c1..8d5ede3f 100644
--- a/src/i18n/eng/index.ts
+++ b/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}',
diff --git a/src/i18n/tha/index.ts b/src/i18n/tha/index.ts
index b3d60e0d..b480d671 100644
--- a/src/i18n/tha/index.ts
+++ b/src/i18n/tha/index.ts
@@ -135,6 +135,7 @@ export default {
       please: 'โปรดใส่ข้อมูล{msg}ให้ถูกต้อง',
       invalid: 'ข้อมูลไม่ถูกต้อง',
       invalidCustomeMessage: 'ข้อมูลไม่ถูกต้อง {msg}',
+      letterAndNumOnly: 'โปรดใช้เฉพาะภาษาอังกฤษและตัวเลขเท่านั้น',
     },
     warning: {
       title: 'แจ้งเตือน {msg}',
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b6c4e6d8..894b1704 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -484,6 +484,7 @@ async function onDelete(id: string) {
       typeStats.value = await userStore.typeStats();
       flowStore.rotate();
     },
+    cancel: () => {},
   });
 }