refactor(01): tax id rule

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

@@ -110,11 +110,14 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           class="col-md-5 col-12"
           :label="$t('branch.form.taxNo')"
           v-model="taxNo"
+          mask="#############"
           :rules="[
             (val) => (val && val.length > 0) || $t('form.error.required'),
             (val) =>
               (val && val.length === 13 && /[0-9]+/.test(val)) ||
-              $t('form.error.invalid'),
+              $t('form.error.invalidCustomeMessage', {
+                msg: $t('form.error.requireLength', { msg: 13 }),
+              }),
           ]"
           for="input-tax-no"
         />

src/i18n/eng/index.ts

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

src/i18n/tha/index.ts

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