From 132f533fd04f960a2467db3eb83f15eeb356ace1 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 15 Oct 2024 11:14:30 +0700
Subject: [PATCH] refactor: add rules

---
 src/components/form/AddressForm.vue                  |  9 ++++++++-
 .../components/employer/EmployerFormAbout.vue        | 12 ++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/form/AddressForm.vue b/src/components/form/AddressForm.vue
index c007e82a..1c7816a9 100644
--- a/src/components/form/AddressForm.vue
+++ b/src/components/form/AddressForm.vue
@@ -305,7 +305,14 @@ watch(districtId, fetchSubDistrict);
           :rules="
             disabledRule
               ? []
-              : [(val) => (val && val.length > 0) || $t('form.error.required')]
+              : [
+                  (val) => (val && val.length > 0) || $t('form.error.required'),
+                  (val) =>
+                    (val && val.length === 11 && /[0-9]+/.test(val)) ||
+                    $t('form.error.invalidCustomeMessage', {
+                      msg: $t('form.error.requireLength', { msg: 11 }),
+                    }),
+                ]
           "
         />
         <q-input
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
index 93d0b6d7..00bbb70c 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
@@ -382,7 +382,11 @@ watch(
           class="col"
           label="Name"
           v-model="firstNameEN"
-          :rules="[(val: string) => !!val || $t('form.error.required')]"
+          :rules="[
+            (val: string) => !!val || $t('form.error.required'),
+            (val: string) =>
+              /^[A-Za-z]+$/.test(val) || $t('form.error.letterOnly'),
+          ]"
         />
         <q-input
           :for="`${prefixId}-input-last-name`"
@@ -393,7 +397,11 @@ watch(
           class="col"
           label="Surname"
           v-model="lastNameEN"
-          :rules="[(val: string) => !!val || $t('form.error.required')]"
+          :rules="[
+            (val: string) => !!val || $t('form.error.required'),
+            (val: string) =>
+              /^[A-Za-z]+$/.test(val) || $t('form.error.letterOnly'),
+          ]"
         />
       </div>