From b7921d41734f59774fe86213428769ecd50c2d18 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 29 Aug 2024 22:42:04 +0700
Subject: [PATCH] change: form now validate on blur or malform

---
 src/components/01_branch-management/FormBank.vue   |  5 -----
 .../01_branch-management/FormBranchContact.vue     |  6 ------
 .../01_branch-management/FormBranchInformation.vue |  7 +------
 .../02_personnel-management/FormByType.vue         |  8 --------
 .../02_personnel-management/FormInformation.vue    |  7 +------
 .../02_personnel-management/FormPerson.vue         | 14 --------------
 .../FormEmployeeHealthCheck.vue                    |  7 -------
 .../03_customer-management/FormEmployeeOther.vue   | 11 -----------
 .../FormEmployeePassport.vue                       |  5 -----
 .../03_customer-management/FormEmployeeVisa.vue    |  4 ----
 .../FormEmployeeWorkHistory.vue                    |  6 ------
 .../employee/BasicInformation.vue                  |  3 ---
 .../04_product-service/BasicInfoProduct.vue        |  7 +------
 .../04_product-service/BasicInformation.vue        | 10 +---------
 .../04_product-service/PriceDataComponent.vue      |  3 ---
 .../04_product-service/ServiceProperties.vue       |  5 -----
 src/components/form/AddressForm.vue                | 12 ------------
 src/components/shared/DatePicker.vue               |  1 -
 src/components/upload-file/FormCitizen.vue         | 11 -----------
 src/pages/01_branch-management/MainPage.vue        |  3 ---
 src/pages/02_personnel-management/MainPage.vue     |  3 ---
 src/pages/03_customer-management/BranchPage.vue    |  2 --
 src/pages/03_customer-management/MainPage.vue      |  3 ---
 .../components/employer/EmployerFormAbout.vue      | 10 ----------
 .../components/employer/EmployerFormBasicInfo.vue  | 10 ----------
 .../components/employer/EmployerFormBusiness.vue   |  8 --------
 .../components/employer/EmployerFormContact.vue    |  3 ---
 src/pages/04_product-service/MainPage.vue          |  7 -------
 src/pages/05_quotation/QuatationForm.vue           |  2 --
 29 files changed, 4 insertions(+), 179 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index 219c6f6a..69fb2fbf 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -144,7 +144,6 @@ watch(
         option-value="value"
         input-debounce="0"
         option-label="label"
-        lazy-rules="ondemand"
         class="col-12 col-md-4"
         autocomplete="off"
         :dense="dense"
@@ -205,7 +204,6 @@ watch(
         outlined
         for="input-bankbook"
         class="col-md-4 col-12"
-        lazy-rules="ondemand"
         hide-bottom-space
         :dense="dense"
         :readonly="readonly"
@@ -227,7 +225,6 @@ watch(
         option-value="value"
         input-debounce="0"
         option-label="label"
-        lazy-rules="ondemand"
         class="col-12 col-md-4"
         autocomplete="off"
         :dense="dense"
@@ -255,7 +252,6 @@ watch(
         outlined
         for="input-bankbook"
         class="col-12 col-md-4"
-        lazy-rules="ondemand"
         hide-bottom-space
         :dense="dense"
         :readonly="readonly"
@@ -278,7 +274,6 @@ watch(
         outlined
         for="input-bankbook"
         class="col-12 col-md-4"
-        lazy-rules="ondemand"
         hide-bottom-space
         :dense="dense"
         :readonly="readonly"
diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index 5f266b4d..02e6cf8a 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -32,7 +32,6 @@ defineProps<{
 
     <div class="col-12 row q-col-gutter-sm">
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -54,7 +53,6 @@ defineProps<{
       </q-input>
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -78,7 +76,6 @@ defineProps<{
       </q-input>
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -91,7 +88,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -106,7 +102,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -130,7 +125,6 @@ defineProps<{
       </q-input>
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
diff --git a/src/components/01_branch-management/FormBranchInformation.vue b/src/components/01_branch-management/FormBranchInformation.vue
index 50f28c1c..776029f6 100644
--- a/src/components/01_branch-management/FormBranchInformation.vue
+++ b/src/components/01_branch-management/FormBranchInformation.vue
@@ -42,7 +42,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
     <div class="col-12 row q-col-gutter-sm">
       <div class="col-12 row q-col-gutter-sm">
         <q-input
-          lazy-rules="ondemand"
           :dense="dense"
           outlined
           :disable="view && !readonly"
@@ -60,7 +59,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           @update:model-value="(v) => (abbreviation = v as string)"
         />
         <q-input
-          lazy-rules="ondemand"
           :dense="dense"
           outlined
           readonly
@@ -85,7 +83,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
 
         <!--  view ? `${formatCode(code, 'number')}${branchCount}` : code -->
         <!-- <q-input
-          lazy-rules="ondemand"
+          
           v-if="typeBranch !== 'headOffice'"
           :dense="dense"
           outlined
@@ -102,7 +100,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         /> -->
 
         <q-input
-          lazy-rules="ondemand"
           :dense="dense"
           outlined
           :readonly="readonly"
@@ -125,7 +122,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
 
       <div class="col-12 row q-col-gutter-sm">
         <q-input
-          lazy-rules="ondemand"
           :dense="dense"
           outlined
           :readonly="readonly"
@@ -142,7 +138,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           for="input-name"
         />
         <q-input
-          lazy-rules="ondemand"
           :dense="dense"
           outlined
           :readonly="readonly"
diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 34b3f92a..5d14f611 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -148,7 +148,6 @@ watch(
         style="margin-left: 0px; padding-left: 0px"
       >
         <q-input
-          lazy-rules="ondemand"
           for="input-regis-no"
           :dense="dense"
           outlined
@@ -193,7 +192,6 @@ watch(
           input-debounce="0"
           option-label="label"
           option-value="value"
-          lazy-rules="ondemand"
           id="input-responsible-area"
           :dense="dense"
           :readonly="readonly"
@@ -222,7 +220,6 @@ watch(
         style="row-gap: 16px"
       >
         <q-input
-          lazy-rules="ondemand"
           for="input-discount-condition"
           :dense="dense"
           outlined
@@ -254,7 +251,6 @@ watch(
           input-debounce="0"
           option-value="value"
           option-label="label"
-          lazy-rules="ondemand"
           class="col-md-3 col-6"
           id="input-source-nationality"
           :dense="dense"
@@ -290,7 +286,6 @@ watch(
           option-value="value"
           option-label="label"
           class="col-md-3 col-6"
-          lazy-rules="ondemand"
           id="input-import-nationality"
           :dense="dense"
           :readonly="readonly"
@@ -324,7 +319,6 @@ watch(
           input-debounce="0"
           option-label="label"
           option-value="label"
-          lazy-rules="ondemand"
           class="col-md-6 col-12"
           id="select-trainig-place"
           :dense="dense"
@@ -348,7 +342,6 @@ watch(
           </template>
         </q-select>
         <q-input
-          lazy-rules="ondemand"
           for="input-checkpoint"
           :dense="dense"
           outlined
@@ -362,7 +355,6 @@ watch(
           @clear="checkpoint = ''"
         />
         <q-input
-          lazy-rules="ondemand"
           for="input-checkpoint-en"
           :dense="dense"
           outlined
diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index cb4da424..36ffd734 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/src/components/02_personnel-management/FormInformation.vue
@@ -107,7 +107,6 @@ onMounted(async () => {
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         class="col-md-2 col-12"
         :dense="dense"
         :readonly="readonly"
@@ -148,7 +147,6 @@ onMounted(async () => {
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         class="col-md-2 col-12"
         :disable="isRoleInclude(['branch_manager']) && !readonly"
         :dense="dense"
@@ -170,7 +168,6 @@ onMounted(async () => {
         </template>
       </q-select>
       <q-input
-        lazy-rules="ondemand"
         for="input-username"
         :dense="dense"
         outlined
@@ -204,7 +201,6 @@ onMounted(async () => {
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         for="select-user-type"
         :dense="dense"
         :readonly="readonly"
@@ -241,7 +237,6 @@ onMounted(async () => {
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         for="select-user-role"
         :dense="dense"
         v-model="userRole"
@@ -266,7 +261,7 @@ onMounted(async () => {
           </q-item>
         </template>
       </q-select>
-      <!-- <q-input lazy-rules="ondemand"
+      <!-- <q-input 
       id="input-user-code"
       :dense="dense"
       :outlined="readonly ? false : outlined"
diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 65f80d47..dcc28d04 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -124,7 +124,6 @@ watch(
           input-debounce="0"
           option-label="label"
           option-value="value"
-          lazy-rules="ondemand"
           hide-dropdown-icon
           class="col-md-1 col-6"
           :dense="dense"
@@ -149,7 +148,6 @@ watch(
         </q-select>
 
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-first-name`"
           :dense="dense"
           outlined
@@ -162,7 +160,6 @@ watch(
         />
 
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mid-name`"
           :dense="dense"
           outlined
@@ -178,7 +175,6 @@ watch(
         />
 
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-last-name`"
           :dense="dense"
           outlined
@@ -193,7 +189,6 @@ watch(
 
       <div class="col-12 row" style="display: flex; gap: var(--size-2)">
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-first-name`"
           :dense="dense"
           outlined
@@ -214,7 +209,6 @@ watch(
         />
 
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-first-name-en`"
           :dense="dense"
           outlined
@@ -226,7 +220,6 @@ watch(
           :rules="[(val: string) => !!val || $t('form.error.required')]"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mid-name-en`"
           :dense="dense"
           outlined
@@ -241,7 +234,6 @@ watch(
           @clear="midNameEN = ''"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-last-name-en`"
           :dense="dense"
           outlined
@@ -255,7 +247,6 @@ watch(
       </div>
 
       <q-input
-        lazy-rules="ondemand"
         v-if="!employee"
         :for="`${prefixId}-input-telephone`"
         :dense="dense"
@@ -271,7 +262,6 @@ watch(
         @clear="telephoneNo = ''"
       />
       <q-input
-        lazy-rules="ondemand"
         v-if="!employee"
         :for="`${prefixId}-input-email`"
         :dense="dense"
@@ -296,7 +286,6 @@ watch(
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         class="col-md-2 col-6"
         :dense="dense"
         :readonly="readonly"
@@ -333,7 +322,6 @@ watch(
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-age`"
         :id="`${prefixId}-input-age`"
         :dense="dense"
@@ -362,7 +350,6 @@ watch(
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         class="col-2"
         :dense="dense"
         v-model="gender"
@@ -396,7 +383,6 @@ watch(
         option-label="label"
         option-value="value"
         v-model="nationality"
-        lazy-rules="ondemand"
         class="col-2"
         :dense="dense"
         :readonly="readonly"
diff --git a/src/components/03_customer-management/FormEmployeeHealthCheck.vue b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
index 6ce37b3b..994a3fcc 100644
--- a/src/components/03_customer-management/FormEmployeeHealthCheck.vue
+++ b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
@@ -224,7 +224,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
       </span>
 
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly || checkup.statusSave"
@@ -246,7 +245,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         v-model="checkup.checkupType"
         :dense="dense"
         :readonly="readonly || checkup.statusSave"
@@ -276,7 +274,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
         option-value="id"
         input-debounce="0"
         option-label="name"
-        lazy-rules="ondemand"
         class="col-2"
         v-model="checkup.provinceId"
         :dense="dense"
@@ -297,7 +294,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
       </q-select>
       <!-- @filter="provinceFilter" -->
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly || checkup.statusSave"
@@ -320,7 +316,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         v-model="checkup.medicalBenefitScheme"
         :dense="dense"
         :readonly="readonly || checkup.statusSave"
@@ -339,7 +334,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
         </template>
       </q-select>
       <q-input
-        lazy-rules="ondemand"
         :label="$t('general.remark')"
         :dense="dense"
         outlined
@@ -380,7 +374,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         v-model="checkup.insuranceCompany"
         :dense="dense"
         :readonly="readonly || checkup.statusSave"
diff --git a/src/components/03_customer-management/FormEmployeeOther.vue b/src/components/03_customer-management/FormEmployeeOther.vue
index 63c50c77..54ed9854 100644
--- a/src/components/03_customer-management/FormEmployeeOther.vue
+++ b/src/components/03_customer-management/FormEmployeeOther.vue
@@ -67,7 +67,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
     <div class="col-12 row q-col-gutter-y-sm">
       <div class="col-12 row q-col-gutter-sm">
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-citizen-id`"
           :dense="dense"
           outlined
@@ -84,7 +83,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
       </div>
       <div class="col-12 row q-col-gutter-sm">
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-father-first-name`"
           :dense="dense"
           outlined
@@ -95,7 +93,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.fatherFirstName"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-father-last-name`"
           :dense="dense"
           outlined
@@ -106,7 +103,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.fatherLastName"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-father-first-name-en`"
           :dense="dense"
           outlined
@@ -117,7 +113,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.fatherFirstNameEN"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-father-last-name-en`"
           :dense="dense"
           outlined
@@ -128,7 +123,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.fatherLastNameEN"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-father-birthplace`"
           :dense="dense"
           outlined
@@ -146,7 +140,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
       </div>
       <div class="col-12 row q-col-gutter-sm">
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-first-name`"
           :dense="dense"
           outlined
@@ -157,7 +150,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.motherFirstName"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-last-name`"
           :dense="dense"
           outlined
@@ -168,7 +160,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.motherLastName"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-first-name-en`"
           :dense="dense"
           outlined
@@ -179,7 +170,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.motherFirstNameEN"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-last-name-en`"
           :dense="dense"
           outlined
@@ -190,7 +180,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
           v-model="employeeOther.motherLastNameEN"
         />
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-birthplace`"
           :dense="dense"
           outlined
diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue
index 9f62f3b2..e1911eea 100644
--- a/src/components/03_customer-management/FormEmployeePassport.vue
+++ b/src/components/03_customer-management/FormEmployeePassport.vue
@@ -111,7 +111,6 @@ watch(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         v-model="passportType"
         class="col-12"
         :class="{ 'col-md-3': !ocr }"
@@ -136,7 +135,6 @@ watch(
         </template>
       </q-select>
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-passport-no`"
         :dense="dense"
         outlined
@@ -151,7 +149,6 @@ watch(
         ]"
       />
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-passport-ref`"
         :dense="dense"
         outlined
@@ -169,7 +166,6 @@ watch(
         "
       />
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-passport-place`"
         :dense="dense"
         outlined
@@ -195,7 +191,6 @@ watch(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         :class="{ 'col-12': ocr, 'col-6': !ocr, 'col-md-3': !ocr }"
         v-model="passportIssuingCountry"
         :dense="dense"
diff --git a/src/components/03_customer-management/FormEmployeeVisa.vue b/src/components/03_customer-management/FormEmployeeVisa.vue
index 90708552..ac8296bd 100644
--- a/src/components/03_customer-management/FormEmployeeVisa.vue
+++ b/src/components/03_customer-management/FormEmployeeVisa.vue
@@ -112,7 +112,6 @@ watch(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         :class="{ 'col-4': !ocr, 'col-6': ocr }"
         :dense="dense"
         :readonly="readonly"
@@ -140,7 +139,6 @@ watch(
           !!val || $t('selectValidate') + $t('formDialogInputVisaType'),
       ]" -->
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-visa-no`"
         :dense="dense"
         outlined
@@ -175,7 +173,6 @@ watch(
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-visa-place`"
         :dense="dense"
         outlined
@@ -202,7 +199,6 @@ watch(
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-tm6`"
         :dense="dense"
         outlined
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index e0399793..2bcae05b 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
@@ -190,7 +190,6 @@ const workplaceFilter = selectFilterOptionRefMod(
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         v-model="work.jobType"
         :dense="dense"
         :readonly="readonly || work.statusSave"
@@ -219,7 +218,6 @@ const workplaceFilter = selectFilterOptionRefMod(
         hide-bottom-space
         class="col-6"
         input-debounce="0"
-        lazy-rules="ondemand"
         option-label="label"
         option-value="value"
         v-model="work.workplace"
@@ -240,7 +238,6 @@ const workplaceFilter = selectFilterOptionRefMod(
         </template>
       </q-select>
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-work-end-date`"
         :label="$t('general.remark')"
         :dense="dense"
@@ -261,7 +258,6 @@ const workplaceFilter = selectFilterOptionRefMod(
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-work-permit-no`"
         :dense="dense"
         outlined
@@ -289,7 +285,6 @@ const workplaceFilter = selectFilterOptionRefMod(
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-owner-name`"
         :dense="dense"
         outlined
@@ -312,7 +307,6 @@ const workplaceFilter = selectFilterOptionRefMod(
         input-debounce="0"
         option-value="value"
         option-label="label"
-        lazy-rules="ondemand"
         v-model="work.positionName"
         :dense="dense"
         :readonly="readonly || work.statusSave"
diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index ba24351d..b3fdf8e0 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -124,7 +124,6 @@ onMounted(() => {
 
     <div class="col-12 row" style="gap: var(--size-2)">
       <q-select
-        lazy-rules="ondemand"
         :id="`${prefixId}-select-employer-branch`"
         :for="`${prefixId}-select-employer-branch`"
         :use-input="!customerBranch"
@@ -297,7 +296,6 @@ onMounted(() => {
       </q-select>
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-code`"
         :dense="dense"
         outlined
@@ -310,7 +308,6 @@ onMounted(() => {
       />
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-nrc-no`"
         :dense="dense"
         outlined
diff --git a/src/components/04_product-service/BasicInfoProduct.vue b/src/components/04_product-service/BasicInfoProduct.vue
index fa9a0c8f..56753658 100644
--- a/src/components/04_product-service/BasicInfoProduct.vue
+++ b/src/components/04_product-service/BasicInfoProduct.vue
@@ -112,7 +112,6 @@ watch(
         id="select-br-id"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         :dense="dense"
         :readonly="readonly"
         :options="codeOptions"
@@ -142,7 +141,6 @@ watch(
         class="col-md-3 col-6"
         option-value="id"
         option-label="name"
-        lazy-rules="ondemand"
         id="input-source-nationality"
         v-model="registeredBranchId"
         :dense="dense"
@@ -177,7 +175,6 @@ watch(
       </q-select>
 
       <q-input
-        lazy-rules="ondemand"
         for="input-name"
         :dense="dense"
         outlined
@@ -190,7 +187,6 @@ watch(
         :rules="[(val: string) => !!val || $t('form.error.required')]"
       />
       <q-input
-        lazy-rules="ondemand"
         for="input-process"
         :dense="dense"
         outlined
@@ -212,7 +208,7 @@ watch(
         </template>
       </q-input>
       <!-- <q-input
-        lazy-rules="ondemand"
+        
         for="input-detail"
         :dense="dense"
         outlined
@@ -290,7 +286,6 @@ watch(
         </q-field>
       </div>
       <q-input
-        lazy-rules="ondemand"
         for="input-remark"
         :dense="dense"
         outlined
diff --git a/src/components/04_product-service/BasicInformation.vue b/src/components/04_product-service/BasicInformation.vue
index ff35d989..3cf028b6 100644
--- a/src/components/04_product-service/BasicInformation.vue
+++ b/src/components/04_product-service/BasicInformation.vue
@@ -61,7 +61,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
     </div>
     <div v-if="!service" class="col-12 row q-col-gutter-sm">
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         readonly
@@ -74,7 +73,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         v-model="code"
       />
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -87,7 +85,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         :rules="[(val: string) => !!val || $t('form.error.required')]"
       />
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -100,7 +97,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         :for="`input-detail`"
       />
       <q-input
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -131,7 +127,7 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         id="select-br-id"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
+        
         :dense="dense"
         :readonly="readonly"
         :options="serviceCodeOptions"
@@ -149,7 +145,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         </template>
       </q-select> -->
       <q-input
-        lazy-rules="ondemand"
         id="input-service-code"
         for="input-service-code"
         :disable="!readonly && disableCode"
@@ -175,7 +170,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         class="col-md-3 col-8"
         option-value="id"
         option-label="name"
-        lazy-rules="ondemand"
         v-model="registeredBranchId"
         id="input-source-nationality"
         for="input-source-nationality"
@@ -211,7 +205,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
       </q-select>
 
       <q-input
-        lazy-rules="ondemand"
         id="input-service-name"
         for="input-service-name"
         :dense="dense"
@@ -224,7 +217,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
         :rules="[(val: string) => !!val || $t('form.error.required')]"
       />
       <q-input
-        lazy-rules="ondemand"
         id="input-service-description"
         for="input-service-description"
         :dense="dense"
diff --git a/src/components/04_product-service/PriceDataComponent.vue b/src/components/04_product-service/PriceDataComponent.vue
index 7c0b6e3e..3d5516c0 100644
--- a/src/components/04_product-service/PriceDataComponent.vue
+++ b/src/components/04_product-service/PriceDataComponent.vue
@@ -73,7 +73,6 @@ withDefaults(
     <div class="col-12 row q-col-gutter-sm">
       <q-input
         v-if="priceDisplay?.price"
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -87,7 +86,6 @@ withDefaults(
 
       <q-input
         v-if="priceDisplay?.agentPrice"
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
@@ -101,7 +99,6 @@ withDefaults(
 
       <q-input
         v-if="priceDisplay?.serviceCharge"
-        lazy-rules="ondemand"
         :dense="dense"
         outlined
         :readonly="readonly"
diff --git a/src/components/04_product-service/ServiceProperties.vue b/src/components/04_product-service/ServiceProperties.vue
index f43cdc7d..8aabe3e0 100644
--- a/src/components/04_product-service/ServiceProperties.vue
+++ b/src/components/04_product-service/ServiceProperties.vue
@@ -344,7 +344,6 @@ function confirmDelete(items: unknown[], index: number) {
 
           <!-- field name -->
           <q-select
-            lazy-rules="ondemand"
             dense
             outlined
             emit-value
@@ -374,7 +373,6 @@ function confirmDelete(items: unknown[], index: number) {
         <!-- type -->
         <div class="col-md col-12">
           <q-select
-            lazy-rules="ondemand"
             dense
             outlined
             emit-value
@@ -483,7 +481,6 @@ function confirmDelete(items: unknown[], index: number) {
                       {{ $t('general.telephone') }}
                     </div>
                     <q-input
-                      lazy-rules="ondemand"
                       v-if="p.type === 'string'"
                       v-model="p.phoneNumberLength"
                       input-class="text-caption"
@@ -516,7 +513,6 @@ function confirmDelete(items: unknown[], index: number) {
                       {{ $t('form.decimal') }}
                     </div>
                     <q-input
-                      lazy-rules="ondemand"
                       v-model="p.decimalPlace"
                       class="col additional-label"
                       :class="{ 'q-mt-xs': $q.screen.lt.md }"
@@ -536,7 +532,6 @@ function confirmDelete(items: unknown[], index: number) {
                   >
                     <div class="col rounded">
                       <q-input
-                        lazy-rules="ondemand"
                         v-model="p.options[i]"
                         class="col additional-label"
                         dense
diff --git a/src/components/form/AddressForm.vue b/src/components/form/AddressForm.vue
index 4d1d79ac..e7db7693 100644
--- a/src/components/form/AddressForm.vue
+++ b/src/components/form/AddressForm.vue
@@ -210,7 +210,6 @@ watch(districtId, fetchSubDistrict);
             hide-bottom-space
             class="col-6"
             v-model="workplace"
-            lazy-rules="ondemand"
             :dense="dense"
             :label="$t('customer.form.workplace')"
             :readonly="readonly || sameWithEmployer"
@@ -231,7 +230,6 @@ watch(districtId, fetchSubDistrict);
           hide-bottom-space
           class="col-12"
           v-model="address"
-          lazy-rules="ondemand"
           :dense="dense"
           :label="$t('form.address')"
           :readonly="readonly || sameWithEmployer"
@@ -256,7 +254,6 @@ watch(districtId, fetchSubDistrict);
           input-debounce="0"
           option-label="name"
           v-model="provinceId"
-          lazy-rules="ondemand"
           class="col-md-3 col-6"
           :dense="dense"
           :label="$t('form.province')"
@@ -301,7 +298,6 @@ watch(districtId, fetchSubDistrict);
           input-debounce="0"
           option-label="name"
           v-model="districtId"
-          lazy-rules="ondemand"
           class="col-md-3 col-6"
           :dense="dense"
           :label="$t('form.district')"
@@ -344,7 +340,6 @@ watch(districtId, fetchSubDistrict);
           option-value="id"
           input-debounce="0"
           option-label="name"
-          lazy-rules="ondemand"
           class="col-md-3 col-6"
           v-model="subDistrictId"
           :dense="dense"
@@ -376,7 +371,6 @@ watch(districtId, fetchSubDistrict);
           </template>
         </q-select>
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-${indexId !== undefined ? `input-zip-code-${indexId}` : 'input-zip-code'}`"
           :dense="dense"
           outlined
@@ -403,7 +397,6 @@ watch(districtId, fetchSubDistrict);
             hide-bottom-space
             class="col-6"
             v-model="workplaceEN"
-            lazy-rules="ondemand"
             :dense="dense"
             :label="$t('customer.form.workplaceEN')"
             :readonly="readonly || sameWithEmployer"
@@ -420,7 +413,6 @@ watch(districtId, fetchSubDistrict);
         </div>
 
         <q-input
-          lazy-rules="ondemand"
           :for="`${prefixId}-${indexId !== undefined ? `input-address-en-${indexId}` : 'input-address-en'}`"
           :dense="dense"
           :readonly="readonly || sameWithEmployer"
@@ -448,7 +440,6 @@ watch(districtId, fetchSubDistrict);
           option-value="id"
           input-debounce="0"
           v-model="provinceId"
-          lazy-rules="ondemand"
           option-label="nameEN"
           class="col-md-3 col-6"
           :dense="dense"
@@ -492,7 +483,6 @@ watch(districtId, fetchSubDistrict);
           option-value="id"
           input-debounce="0"
           v-model="districtId"
-          lazy-rules="ondemand"
           option-label="nameEN"
           class="col-md-3 col-6"
           :dense="dense"
@@ -535,7 +525,6 @@ watch(districtId, fetchSubDistrict);
           hide-bottom-space
           option-value="id"
           input-debounce="0"
-          lazy-rules="ondemand"
           option-label="nameEN"
           class="col-md-3 col-6"
           v-model="subDistrictId"
@@ -568,7 +557,6 @@ watch(districtId, fetchSubDistrict);
           </template>
         </q-select>
         <q-input
-          lazy-rules="ondemand"
           hide-bottom-space
           :for="`${prefixId}-${indexId !== undefined ? `input-zip-code-${indexId}` : 'input-zip-code'}`"
           :dense="dense"
diff --git a/src/components/shared/DatePicker.vue b/src/components/shared/DatePicker.vue
index 2c03a712..42bb16ea 100644
--- a/src/components/shared/DatePicker.vue
+++ b/src/components/shared/DatePicker.vue
@@ -75,7 +75,6 @@ function valueUpdate(value: string) {
     </template>
     <template #trigger>
       <q-input
-        lazy-rules="ondemand"
         placeholder="DD/MM/YYYY"
         hide-bottom-space
         dense
diff --git a/src/components/upload-file/FormCitizen.vue b/src/components/upload-file/FormCitizen.vue
index 90baa1ad..02e55179 100644
--- a/src/components/upload-file/FormCitizen.vue
+++ b/src/components/upload-file/FormCitizen.vue
@@ -152,7 +152,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         </div>
         <div class="col row" style="gap: 10px">
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -173,7 +172,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -185,7 +183,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -207,7 +204,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
             input-debounce="0"
             option-label="label"
             option-value="value"
-            lazy-rules="ondemand"
             class="col"
             dense
             :readonly="readonly"
@@ -244,7 +240,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
             input-debounce="0"
             option-label="label"
             option-value="value"
-            lazy-rules="ondemand"
             hide-dropdown-icon
             class="col-2"
             dense
@@ -271,7 +266,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           </q-select>
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -283,7 +277,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -295,7 +288,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :disable="!readonly"
@@ -310,7 +302,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -321,7 +312,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
             v-model="firstNameEN"
           />
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
@@ -333,7 +323,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           />
 
           <q-input
-            lazy-rules="ondemand"
             dense
             outlined
             :readonly="readonly"
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index aad1b4f9..73667383 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -963,7 +963,6 @@ watch(currentHq, () => {
                   class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
                 >
                   <q-input
-                    lazy-rules="ondemand"
                     for="input-search"
                     outlined
                     dense
@@ -983,7 +982,6 @@ watch(currentHq, () => {
                     :class="{ 'q-pt-xs': $q.screen.lt.md }"
                   >
                     <q-select
-                      lazy-rules="ondemand"
                       v-model="statusFilter"
                       outlined
                       dense
@@ -1005,7 +1003,6 @@ watch(currentHq, () => {
                     ></q-select>
 
                     <q-select
-                      lazy-rules="ondemand"
                       id="select-field"
                       for="select-field"
                       :options="
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index d5fc0b41..2c56f3c3 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -841,7 +841,6 @@ watch(
         >
           <div class="row q-py-sm q-px-md justify-between full-width">
             <q-input
-              lazy-rules="ondemand"
               for="input-search"
               outlined
               dense
@@ -862,7 +861,6 @@ watch(
               style="white-space: nowrap"
             >
               <q-select
-                lazy-rules="ondemand"
                 v-model="statusFilter"
                 outlined
                 dense
@@ -882,7 +880,6 @@ watch(
               ></q-select>
 
               <q-select
-                lazy-rules="ondemand"
                 v-if="!modeView"
                 id="select-field"
                 for="select-field"
diff --git a/src/pages/03_customer-management/BranchPage.vue b/src/pages/03_customer-management/BranchPage.vue
index 26646417..d0e4b91e 100644
--- a/src/pages/03_customer-management/BranchPage.vue
+++ b/src/pages/03_customer-management/BranchPage.vue
@@ -271,7 +271,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
 
     <div class="row items-center justify-end col-12 col-md q-py-sm no-wrap">
       <q-input
-        lazy-rules="ondemand"
         outlined
         dense
         class="col-6"
@@ -286,7 +285,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
       </q-input>
 
       <q-select
-        lazy-rules="ondemand"
         id="select-status"
         for="select-status"
         v-model="currentStatus"
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index aff10034..9a26ad2f 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -831,7 +831,6 @@ const emptyCreateDialog = ref(false);
             class="row q-px-md q-py-sm justify-between full-width surface-3 bordered-b"
           >
             <q-input
-              lazy-rules="ondemand"
               for="input-search"
               outlined
               dense
@@ -852,7 +851,6 @@ const emptyCreateDialog = ref(false);
               style="white-space: nowrap"
             >
               <q-select
-                lazy-rules="ondemand"
                 id="select-status"
                 for="select-status"
                 v-model="currentStatus"
@@ -872,7 +870,6 @@ const emptyCreateDialog = ref(false);
                 ]"
               ></q-select>
               <q-select
-                lazy-rules="ondemand"
                 id="select-field"
                 v-if="gridView === false"
                 for="select-field"
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
index a563b999..6b06aec5 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
@@ -40,7 +40,6 @@ defineProps<{
   <div class="row q-col-gutter-md">
     <template v-if="customerType === 'CORP'">
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -52,7 +51,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         hide-bottom-space
@@ -65,7 +63,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         hide-bottom-space
@@ -78,7 +75,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -90,7 +86,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -102,7 +97,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -114,7 +108,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         type="text"
@@ -146,7 +139,6 @@ defineProps<{
 
     <template v-if="customerType === 'PERS'">
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :disable="index !== '0'"
@@ -159,7 +151,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :disable="!readonly"
@@ -172,7 +163,6 @@ defineProps<{
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :disable="!readonly"
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
index 9f902170..447610e9 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
@@ -202,7 +202,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         option-value="id"
         input-debounce="0"
         option-label="name"
-        lazy-rules="ondemand"
         v-model="registeredBranchId"
         :readonly="readonly"
         :options="filteredBranchOptions"
@@ -245,7 +244,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         hide-dropdown-icon
         class="col-12 col-md-2"
         dense
@@ -278,7 +276,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
       </q-select>
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -295,7 +292,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         ]"
       />
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -315,7 +311,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
 
     <div class="col-12 row q-col-gutter-sm">
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :disable="!readonly"
@@ -332,7 +327,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
       />
 
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -343,7 +337,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         v-model="firstNameEN"
       />
       <q-input
-        lazy-rules="ondemand"
         dense
         outlined
         :readonly="readonly"
@@ -367,7 +360,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         input-debounce="0"
         option-label="label"
         option-value="value"
-        lazy-rules="ondemand"
         class="col-12 col-md-2"
         dense
         :readonly="readonly"
@@ -417,7 +409,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         </template>
         <template #trigger>
           <q-input
-            lazy-rules="ondemand"
             :for="`${prefixId}-input-birth-date`"
             hide-bottom-space
             placeholder="DD/MM/YYYY"
@@ -458,7 +449,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
       </VueDatePicker>
 
       <q-input
-        lazy-rules="ondemand"
         :for="`${prefixId}-input-age`"
         :id="`${prefixId}-input-age`"
         dense
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue b/src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue
index 03c98692..76d4e745 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue
@@ -81,7 +81,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
 <template>
   <div class="col-12 row q-col-gutter-sm">
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-employment-office`"
       :id="`${prefixId}-input-employment-office`"
       :dense="dense"
@@ -105,7 +104,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
       input-debounce="0"
       option-value="value"
       option-label="label"
-      lazy-rules="ondemand"
       v-model="bussinessType"
       class="col-md-6 col-12"
       :dense="dense"
@@ -125,7 +123,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
     </q-select>
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-bussiness-type-en`"
       :id="`${prefixId}-input-bussiness-type-en`"
       :dense="dense"
@@ -149,7 +146,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
       input-debounce="0"
       option-value="value"
       option-label="label"
-      lazy-rules="ondemand"
       v-model="jobPosition"
       class="col-md-6 col-12"
       :dense="dense"
@@ -169,7 +165,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
     </q-select>
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-job-position-en`"
       :id="`${prefixId}-input-job-position-en`"
       :dense="dense"
@@ -182,7 +177,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
     />
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-job-description`"
       :id="`${prefixId}-input-job-description`"
       :dense="dense"
@@ -203,7 +197,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
     />
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-pay-rate`"
       :id="`${prefixId}-input-pay-rate`"
       :dense="dense"
@@ -216,7 +209,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
     />
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-sales-person`"
       :id="`${prefixId}-input-sales-person`"
       :dense="dense"
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormContact.vue b/src/pages/03_customer-management/components/employer/EmployerFormContact.vue
index 6000042a..88001664 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormContact.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormContact.vue
@@ -11,7 +11,6 @@ const telephone = defineModel<string>('telephone');
 <template>
   <div class="col-md-9 col-12 row q-col-gutter-md">
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-contact-name`"
       :id="`${prefixId}-input-contact-name`"
       dense
@@ -24,7 +23,6 @@ const telephone = defineModel<string>('telephone');
     />
 
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-mail`"
       :id="`${prefixId}-input-mail`"
       dense
@@ -36,7 +34,6 @@ const telephone = defineModel<string>('telephone');
       v-model="mail"
     />
     <q-input
-      lazy-rules="ondemand"
       :for="`${prefixId}-input-telephone`"
       :id="`${prefixId}-input-telephone`"
       dense
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index d9abb3df..ec7f0429 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1791,7 +1791,6 @@ watch([currentStatusList, productMode], () => {
                 class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
               >
                 <q-input
-                  lazy-rules="ondemand"
                   for="input-search"
                   outlined
                   :class="{ 'col-12': $q.screen.lt.md }"
@@ -1813,7 +1812,6 @@ watch([currentStatusList, productMode], () => {
                   style="white-space: nowrap"
                 >
                   <q-select
-                    lazy-rules="ondemand"
                     v-model="currentStatus"
                     for="select-status"
                     outlined
@@ -1836,7 +1834,6 @@ watch([currentStatusList, productMode], () => {
                   ></q-select>
 
                   <q-select
-                    lazy-rules="ondemand"
                     v-if="modeView === false"
                     id="select-field"
                     for="select-field"
@@ -2427,7 +2424,6 @@ watch([currentStatusList, productMode], () => {
                 class="row justify-between items-center q-px-md q-py-sm surface-3 bordered-b"
               >
                 <q-input
-                  lazy-rules="ondemand"
                   :class="{ 'col-12': $q.screen.lt.md }"
                   outlined
                   dense
@@ -2449,7 +2445,6 @@ watch([currentStatusList, productMode], () => {
                 >
                   <q-select
                     :for="'field-select-status'"
-                    lazy-rules="ondemand"
                     v-model="currentStatus"
                     outlined
                     dense
@@ -2472,7 +2467,6 @@ watch([currentStatusList, productMode], () => {
                   ></q-select>
 
                   <q-select
-                    lazy-rules="ondemand"
                     v-if="modeView === false"
                     :hide-dropdown-icon="$q.screen.lt.sm"
                     id="select-field"
@@ -3545,7 +3539,6 @@ watch([currentStatusList, productMode], () => {
           "
         />
         <q-input
-          lazy-rules="ondemand"
           id="input-search-add-product"
           outlined
           dense
diff --git a/src/pages/05_quotation/QuatationForm.vue b/src/pages/05_quotation/QuatationForm.vue
index 5837ccd9..aac01f86 100644
--- a/src/pages/05_quotation/QuatationForm.vue
+++ b/src/pages/05_quotation/QuatationForm.vue
@@ -24,7 +24,6 @@ const toggleWorker = ref(true);
     <div class="row q-pa-md items-center">
       <div style="flex: 1"><q-img src="/logo.png" width="8rem" /></div>
       <q-select
-        lazy-rules="ondemand"
         v-model="selectedBranchIssuer"
         :options="[{ label: 'Issuer 1', value: 'Issuer 1' }]"
         :label="$t('quotation.form.customerBranchSelect')"
@@ -36,7 +35,6 @@ const toggleWorker = ref(true);
         dense
       />
       <q-select
-        lazy-rules="ondemand"
         v-model="selectedCustomer"
         :options="[{ label: 'Customer 1', value: 'Customer 1' }]"
         :label="$t('quotation.form.customerSelect')"