소스 검색

fix(frontend validation): pasting now changes the input state to 'entered'

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 3 년 전
부모
커밋
13788cfd90

+ 9 - 3
frontend/src/components/modals/Register.vue

@@ -22,6 +22,7 @@
 							type="email"
 							placeholder="Email..."
 							@keypress="onInput('email')"
+							@paste="onInput('email')"
 							autofocus
 						/>
 					</p>
@@ -30,7 +31,7 @@
 							:entered="email.entered"
 							:valid="email.valid"
 							:message="email.message"
-						></input-help-box>
+						/>
 					</transition>
 
 					<!-- username -->
@@ -42,6 +43,7 @@
 							type="text"
 							placeholder="Username..."
 							@keypress="onInput('username')"
+							@paste="onInput('username')"
 						/>
 					</p>
 					<transition name="fadein-helpbox">
@@ -49,7 +51,7 @@
 							:entered="username.entered"
 							:valid="username.valid"
 							:message="username.message"
-						></input-help-box>
+						/>
 					</transition>
 
 					<!-- password -->
@@ -68,6 +70,10 @@
 								onInput('password') &&
 									$parent.submitOnEnter(submitModal, $event)
 							"
+							@paste="
+								onInput('password') &&
+									$parent.submitOnEnter(submitModal, $event)
+							"
 						/>
 						<a @click="togglePasswordVisibility()">
 							<i class="material-icons">
@@ -85,7 +91,7 @@
 							:valid="password.valid"
 							:entered="password.entered"
 							:message="password.message"
-						></input-help-box>
+						/>
 					</transition>
 
 					<br />

+ 3 - 0
frontend/src/pages/ResetPassword.vue

@@ -46,6 +46,7 @@
 										v-model="email"
 										@keyup.enter="submitEmail()"
 										@keypress="onInput('email')"
+										@paste="onInput('email')"
 									/>
 								</p>
 								<p class="control">
@@ -135,6 +136,7 @@
 									placeholder="Enter password here..."
 									v-model="newPassword"
 									@keypress="onInput('newPassword')"
+									@paste="onInput('newPassword')"
 								/>
 							</p>
 
@@ -161,6 +163,7 @@
 									v-model="newPasswordAgain"
 									@keyup.enter="changePassword()"
 									@keypress="onInput('newPasswordAgain')"
+									@paste="onInput('newPasswordAgain')"
 								/>
 							</p>
 

+ 2 - 0
frontend/src/pages/Settings/tabs/Account.vue

@@ -17,6 +17,7 @@
 				maxlength="32"
 				autocomplete="off"
 				@keypress="onInput('username')"
+				@paste="onInput('username')"
 			/>
 			<span v-if="modifiedUser.username" class="character-counter"
 				>{{ modifiedUser.username.length }}/32</span
@@ -40,6 +41,7 @@
 				v-if="modifiedUser.email"
 				v-model="modifiedUser.email.address"
 				@keypress="onInput('email')"
+				@paste="onInput('email')"
 				autocomplete="off"
 			/>
 		</p>

+ 1 - 0
frontend/src/pages/Settings/tabs/Security.vue

@@ -30,6 +30,7 @@
 					v-model="validation.newPassword.value"
 					@keyup.enter="changePassword()"
 					@keypress="onInput('newPassword')"
+					@paste="onInput('newPassword')"
 				/>
 			</p>