Forgot Password And Debuging

public/7.js

@@ -68,20 +68,33 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
       cell_number: "",
       password: "",
-      show1: false
+      show1: false,
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        passCounter: function passCounter(value) {
+          return value && value.length >= 8 || "Min 8 characters";
+        },
+        cellNumberCounter: function cellNumberCounter(value) {
+          return value && value.length == 11 || "must 11 characters";
+        }
+      }
     };
   },
   computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
   methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
     handleSubmit: function handleSubmit() {
       // Perform a simple validation that cell_number and password have been typed in
-      if (this.cell_number != '' && this.password != '') {
+      if (this.$refs.form.validate()) {
         this.login({
           cell_number: this.cell_number,
           password: this.password
@@ -111,6 +124,7 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    { ref: "form" },
     [
       _c(
         "v-container",
@@ -143,8 +157,12 @@ var render = function() {
                                 attrs: {
                                   name: "cellnumber",
                                   label: "Cell Number",
-                                  id: "id1",
-                                  color: "black"
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.cellNumberCounter
+                                  ],
+                                  mask: "#### ### ####"
                                 },
                                 model: {
                                   value: _vm.cell_number,
@@ -178,6 +196,10 @@ var render = function() {
                                   "append-icon": _vm.show1
                                     ? "visibility"
                                     : "visibility_off",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.passCounter
+                                  ],
                                   color: "black"
                                 },
                                 on: {