change: form now validate on blur or malform

This commit is contained in:
Methapon2001 2024-08-29 22:42:04 +07:00 • committed by Methapon Metanipat
parent 466d50317e
commit b7921d4173
29 changed files with 4 additions and 179 deletions

View file

@ -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

View file

@ -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"

View file

@ -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"

View file

@ -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