call reset api on enter

Shikha Mishra
1 parent e659e774fe
Showing 1 changed file with 27 additions and 1 deletions Show diff stats
src/pages/Authentication/forgetpassword.vue
@@ -34,7 +34,18 @@
                                 >Not to Worry! Enter to your registered Email ID.</h5>
                                 <h5 class="text-xs-center">We'll send you a reset.</h5>
                                 <v-flex lg6 sm6 xs10 offset-sm3 offset-xs1 offset-lg3>
-                                  <v-form ref="form" v-model="valid" lazy-validation>
+                                  <v-form
+                                    ref="form"
+                                    v-model="valid"
+                                    lazy-validation
+                                    v-on:submit.prevent="reset"
+                                  >
+                                    <!-- <div style="margin-top:10%">
+                                      <label for="isEmail" v-if="isEmail">Email</label>
+                                      <label for="isEmail" v-if="!isEmail">Phone Number</label>
+                                      <v-switch class="pl-3" v-model="isEmail"></v-switch>
+                                    </div>-->
+                                    <!-- <v-switch class="pl-3" v-model="isEmail" label="Email"></v-switch> -->
                                     <div class="custom-input-align">
                                       <v-text-field
                                         class="text-md-center"
@@ -44,6 +55,15 @@
                                         required
                                       ></v-text-field>
                                     </div>
+                                    <!-- <div class="custom-input-align" v-if="!isEmail">
+                                      <v-text-field
+                                        class="text-md-center"
+                                        :rules="numberRules"
+                                        v-model="phoneNumber"
+                                        label="Enter Your Phone Number"
+                                        required
+                                      ></v-text-field>
+                                    </div>-->
                                   </v-form>
                                 </v-flex>
                               </v-card-text>
@@ -169,12 +189,18 @@ export default {
     password: "",
     changepassword: "",
     valid: true,
+    isEmail: true,
+    // phoneNumber: null,
     emailRules: [
       (v) => !!v || "E-mail is required",
       (v) =>
         /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) ||
         "E-mail must be valid",
     ],
+    // numberRules: [
+    //   (v) => !!v || " Phone Number  is required",
+    //   (v) => v <= 10000000000 || "Max 10 characters is required",
+    // ],
  
     rules: {
       required: (value) => !!value || "password is Required.",
...	...	@@ -34,7 +34,18 @@
34	34	>Not to Worry! Enter to your registered Email ID.</h5>
35	35	<h5 class="text-xs-center">We'll send you a reset.</h5>
36	36	<v-flex lg6 sm6 xs10 offset-sm3 offset-xs1 offset-lg3>
37		- <v-form ref="form" v-model="valid" lazy-validation>
	37	+ <v-form
	38	+ ref="form"
	39	+ v-model="valid"
	40	+ lazy-validation
	41	+ v-on:submit.prevent="reset"
	42	+ >
	43	+ <!-- <div style="margin-top:10%">
	44	+ <label for="isEmail" v-if="isEmail">Email</label>
	45	+ <label for="isEmail" v-if="!isEmail">Phone Number</label>
	46	+ <v-switch class="pl-3" v-model="isEmail"></v-switch>
	47	+ </div>-->
	48	+ <!-- <v-switch class="pl-3" v-model="isEmail" label="Email"></v-switch> -->
38	49	<div class="custom-input-align">
39	50	<v-text-field
40	51	class="text-md-center"
...	...	@@ -44,6 +55,15 @@
44	55	required
45	56	></v-text-field>
46	57	</div>
	58	+ <!-- <div class="custom-input-align" v-if="!isEmail">
	59	+ <v-text-field
	60	+ class="text-md-center"
	61	+ :rules="numberRules"
	62	+ v-model="phoneNumber"
	63	+ label="Enter Your Phone Number"
	64	+ required
	65	+ ></v-text-field>
	66	+ </div>-->
47	67	</v-form>
48	68	</v-flex>
49	69	</v-card-text>
...	...	@@ -169,12 +189,18 @@ export default {
169	189	password: "",
170	190	changepassword: "",
171	191	valid: true,
	192	+ isEmail: true,
	193	+ // phoneNumber: null,
172	194	emailRules: [
173	195	(v) => !!v \|\| "E-mail is required",
174	196	(v) =>
175	197	/^\w+([.-]?\w+)@\w+([.-]?\w+)(\.\w{2,3})+$/.test(v) \|\|
176	198	"E-mail must be valid",
177	199	],
	200	+ // numberRules: [
	201	+ // (v) => !!v \|\| " Phone Number is required",
	202	+ // (v) => v <= 10000000000 \|\| "Max 10 characters is required",
	203	+ // ],
178	204
179	205	rules: {
180	206	required: (value) => !!value \|\| "password is Required.",
...	...