this.$refs.myForm.validate is not a function

[JeanTalgornThomas]

Hello,

I have this error : this.$refs.myForm.validate is not a function
Do you have an idea ?

My Code :

<template>
  <q-page class="flex flex-center">
    <div class="flex flex-center w-25 br-20 q-pa-lg bg-white">
      <div class="full-width text-center q-mb-lg">
        <div class="text-h2 fw-400">Connexion</div>
      </div>
      <div class="full-width">
        <form @submit="onSubmit" ref="myForm">
          <q-input
            type="email"
            ref="emailRef"
            filled
            v-model="dataConnexion.email"
            label="Votre adresse email"
            lazy-rules
            :rules="[val => !!val || 'Ce champ est obligatoire !']"
            class="q-mb-md"
          />
          <q-input
            type="password"
            ref="motDePasseRef"
            filled
            v-model="dataConnexion.mot_de_passe"
            label="Votre mot de passe"
            lazy-rules
            :rules="[val => !!val || 'Ce champ est obligatoire !']"
          />
          <div class="q-mt-md">
            <q-btn label="Connexion" type="submit" color="primary" class="full-width"/>
          </div>
        </form>
      </div>
    </div>
  </q-page>
</template>

<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'ConnectionPage',
  data () {
    return {
      dataConnexion: {
        email: ref(''),
        mot_de_passe: ref('')
      }
    }
  },
  methods: {
    onSubmit () {
      console.log(this.$refs.myForm.validate())
      /* this.$refs.myForm.validate().then(success => {
        if (success) {
          console.log('ok')
        } else {
          console.log('error')
        }
      }) */
    }
  }
})
</script>

[yusufkandemir]

The Form element(<form>) doesn't have such a method, maybe you meant to use QForm component(<q-form>) instead?

Also, if you use <q-form>, you wouldn't have to call validate on the submit event, because it will already be done automatically.

[JeanTalgornThomas]

I hadn't paid attention to the form. It works !
Thanks a lot !