refactor: header only EN

src/components/01_branch-management/FormBranchInformation.vue

@@ -155,7 +155,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
               ? $t('branch.form.headofficeNameEN')
               : $t('branch.form.branchNameEN')
           "
-          :rules="[(val) => val && val.length > 0]"
+          :rules="[(val) => val && /^[A-Za-z]+$/.test(val)]"
           :error-message="$t('form.error.required')"
           for="input-name-en"
         />

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

@@ -217,7 +217,11 @@ watch(
           class="col"
           :label="$t('personnel.form.firstNameEN')"
           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-mid-name-en`"
@@ -242,7 +246,11 @@ watch(
           class="col"
           :label="$t('personnel.form.lastNameEN')"
           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>
 

src/components/upload-file/FormCitizen.vue

@@ -310,6 +310,8 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
             :label="$t('customer.form.firstNameEN')"
             for="input-first-name-en"
             v-model="firstNameEN"
+            :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+            :error-message="$t('form.error.letterOnly')"
           />
           <q-input
             dense
@@ -320,6 +322,8 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
             :label="$t('customer.form.lastNameEN')"
             for="input-last-name-en"
             v-model="lastNameEN"
+            :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+            :error-message="$t('form.error.letterOnly')"
           />
 
           <q-input

src/pages/03_customer-management/components/employer/EmployerFormAbout.vue

@@ -105,6 +105,8 @@ defineProps<{
         :label="$t('customer.form.registerNameEN')"
         for="input-register-name-en"
         v-model="registerNameEN"
+        :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+        :error-message="$t('form.error.letterOnly')"
       />
 
       <q-input

src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue

@@ -344,6 +344,8 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.firstNameEN')"
         for="input-first-name-en"
         v-model="firstNameEN"
+        :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+        :error-message="$t('form.error.letterOnly')"
       />
       <q-input
         dense
@@ -354,6 +356,8 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.lastNameEN')"
         for="input-last-name-en"
         v-model="lastNameEN"
+        :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+        :error-message="$t('form.error.letterOnly')"
       />
     </div>
 

src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue

@@ -174,6 +174,8 @@ let jobPositionFilter = selectFilterOptionRefMod(
       class="col-md-6 col-12"
       :label="$t('customer.form.jobPositionEN')"
       v-model="jobPositionEN"
+      :rules="[(val) => /^[A-Za-z]+$/.test(val)]"
+      :error-message="$t('form.error.letterOnly')"
     />
 
     <q-input