Validation d'un formulaire
Bonjour,
J'utilise actuellement quasar.dev sous vue.js 3 et je souhaiterais savoir s'il était possible de vérifier à partir d'une méthode la conformité de tous mes champs sans les nommer?
Le formulaire possède plus d'une centaine de champs et je souhaiterais éviter de les nommer avec des refs.
exemple monForm.validate ... au lieu de procéder de la façon suivante :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<form @submit.prevent.stop="onSubmit" @reset.prevent.stop="onReset" class="q-gutter-md">
<q-input
ref="nameRef"
filled
v-model="name"
label="Your name *"
hint="Name and surname"
lazy-rules
:rules="nameRules"
/>
... |
Code:
1
2
3
4
5
6
7
8
9
|
onSubmit () {
nameRef.value.validate()
ageRef.value.validate()
if (nameRef.value.hasError || ageRef.value.hasError) {
// form has error
}
... |
