Forget Password e Update Password (1)

src/views/requestresetpwd/requestresetpwd.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="row justify-center text-center padding">
-    <div class="q-gutter-sm q-ma-sm" style="max-width: 800px; margin: auto;">
+  <form @submit.prevent.stop="submit" class="row justify-center text-center padding">
+    <div class="q-gutter-sm q-ma-sm">
 
-      <div v-if="!emailinviata">
+      <div v-if="!emailinviata()">
         <q-banner
           rounded
           class="bg-primary text-white"
@@ -12,13 +12,14 @@
         <br>
 
         <q-input
+          ref="emailRef"
           v-model="form.email"
           rounded outlined
           autocomplete="email"
-          :error="v$.form.email.$error"
-          :error-message="errorMsg('email', v$.form.email)"
           maxlength="50"
           debounce="1000"
+          :error="v$.email.$error"
+          :error-message="tools.errorMsg( 'email', v$.email)"
           :label="$t('reg.email')">
 
           <template v-slot:prepend>
@@ -31,8 +32,7 @@
 
         <div class="center q-ma-sm">
           <q-btn
-            rounded size="lg" color="primary" @click="submit" :disable="v$.$error">
-            {{ $t('reset.send_reset_pwd') }}
+            rounded size="lg" color="primary" type="submit" :disable="v$.$error || v$.$invalid">{{ $t('reset.send_reset_pwd') }}
           </q-btn>
         </div>
 
@@ -54,7 +54,7 @@
 
 
     </div>
-  </div>
+  </form>
 </template>
 
 <script lang="ts" src="./requestresetpwd.ts">