change: form now validate on blur or malform
This commit is contained in:
parent
466d50317e
commit
b7921d4173
29 changed files with 4 additions and 179 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue