Forgot Password And Debuging

resources/js/vue/views/Auth/ForgotPassword.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-form>
+  <v-form ref="form">
     <v-container grid-list-xs>
       <v-layout row wrap class="justify-center">
         <v-flex xs12 md3 sm3 class="WM-WidthScreen-SM WM-WidthScreen-XS">
@@ -11,6 +11,8 @@
                   name="cellnumber"
                   label="Cell Number"
                   color="black"
+                  :rules="[rules.required, rules.cellNumberCounter]"
+                  mask="#### ### ####"
                 ></v-text-field>
               </v-flex>
             </v-layout>
@@ -49,6 +51,10 @@ export default {
     return {
       form :{
         cell_number: ""
+      },
+      rules: {
+        required: value => !!value || "Required.",
+        cellNumberCounter: value => (value && value.length == 11) || "must 11 characters"
       }
     };
   },
@@ -56,7 +62,9 @@ export default {
     ...mapActions("auth", ["forgotPassword"]),
     // ...mapMutations("modal", ["changeCurrentModal"]),
     async handleSubmit() {
-      this.forgotPassword({form : this.form});
+      if (this.$refs.form.validate()) { 
+        this.forgotPassword({form : this.form});
+      }
     }
   }
 };