fix(form_validation): using enter will validate login and create/edit…

… modal (#1138)
XPEHO · Nov 30, 2023 · 52ad578 · 52ad578
1 parent befaee4
commit 52ad578
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/yaki_admin/src/components/InputPassword.vue b/yaki_admin/src/components/InputPassword.vue
@@ -38,7 +38,8 @@ const switchPasswordVisibility = () => {
     <label for="input-pw"> {{ labelText }}</label>
     <button
       @click.prevent="switchPasswordVisibility"
-      class="input__password-btn-switch">
+      class="input__password-btn-switch"
+      type="button">
       <figure>
         <img
           :src="isPasswordVisible ? eyesClosedIcon : eyesOpenedIcon"

diff --git a/yaki_admin/src/components/ModalCreateEditTeam.vue b/yaki_admin/src/components/ModalCreateEditTeam.vue
@@ -50,7 +50,7 @@ const setTeamDescription = (value: any) => {};
       </section>
 
       <section class="popup__content">
-        <div class="popup__input-container">
+        <form class="popup__input-container">
           <input-text
             label-text="Team name"
             @inputValue="setTeamName" />
@@ -63,14 +63,15 @@ const setTeamDescription = (value: any) => {};
             <button-text-sized
               text="Cancel"
               :color="BUTTONCOLORS.secondary"
-              @click.prevent="cancelModalBtn" />
-
+              @click.prevent="cancelModalBtn"
+              type="button" />
             <button-text-sized
               text="Modify"
               :color="BUTTONCOLORS.primary"
-              @click.prevent="validationModalAccept" />
+              @click.prevent="validationModalAccept"
+              type="submit" />
           </section>
-        </div>
+        </form>
       </section>
     </section>
   </section>

diff --git a/yaki_admin/src/features/login/components/LoginForm.vue b/yaki_admin/src/features/login/components/LoginForm.vue
@@ -61,7 +61,8 @@ export default {
 
         <button-primary
           text="SIGN IN"
-          @click.prevent="login" />
+          @click.prevent="login"
+          type="submit" />
         <buttonSecondary
           text="FORGOTTEN PASSWORD?"
           @click.prevent="forgottenPassword" />