Enhance email validation proccess (#7894)

owncloud · Nov 2, 2022 · d2038d8 · d2038d8
1 parent 0a9890c
commit d2038d8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/changelog/unreleased/enhancement-optimize-email-validation b/changelog/unreleased/enhancement-optimize-email-validation
@@ -0,0 +1,7 @@
+Enhancement: Optimize email validation in the user management app
+
+We've optimized the email validation process while creating users in the user management app to provide
+a better user experience.
+
+https://github.com/owncloud/web/pull/7894
+https://github.com/owncloud/web/issues/7806
diff --git a/packages/web-app-user-management/src/components/Users/CreateUserModal.vue b/packages/web-app-user-management/src/components/Users/CreateUserModal.vue
@@ -33,6 +33,7 @@
         :error-message="formData.email.errorMessage"
         type="email"
         :fix-message-line="true"
+        @input="onInputEmail"
         @change="validateEmail"
       />
       <oc-text-input
@@ -100,6 +101,14 @@ export default {
     }
   },
   methods: {
+    onInputEmail() {
+      if (!EmailValidator.validate(this.user.mail)) {
+        return
+      }
+
+      this.formData.email.errorMessage = ''
+      this.formData.email.valid = true
+    },
     validateUserName() {
       this.formData.userName.valid = false