diff options
| author | Dashie <dashie@sigpipe.me> | 2020-04-06 15:56:53 +0200 |
|---|---|---|
| committer | Dashie <dashie@sigpipe.me> | 2020-04-06 15:56:53 +0200 |
| commit | 9fa5988bfe144c0caea48cdf8c6c54216b650a52 (patch) | |
| tree | 1d7b1bdb64636103db9bbaa962ad74f49be88452 | |
| parent | 0dbdcfea8ddc710cde21802d3d0d9bad1dfe16db (diff) | |
Prevent #358 by fixing validations in frontend
| -rw-r--r-- | front/src/components/register/register.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/front/src/components/register/register.vue b/front/src/components/register/register.vue index b313d439..7775fdb1 100644 --- a/front/src/components/register/register.vue +++ b/front/src/components/register/register.vue @@ -24,6 +24,7 @@ <span v-if="!$v.user.username.required" v-translate translate-context="Content/Register/Feedback/Username/Required">Username is required</span> <span v-if="!$v.user.username.usernameIsLegal" v-translate translate-context="Content/Register/Feedback/Username/InvalidChars">Username can only contains letters or numbers</span> <span v-if="!$v.user.username.usernameNotRestricted" v-translate translate-context="Content/Register/Feedback/Username/RestrictedUsername">This username cannot be used</span> + <span v-if="!$v.user.username.maxLength" v-translate translate-context="Content/Register/Feedback/Username/MaxLength">Username is too long</span> </b-form-invalid-feedback> </b-form-group> @@ -42,9 +43,12 @@ aria-describedby="fullname-live-feedback" /> <b-form-invalid-feedback id="fullname-live-feedback"> - <translate translate-context="Content/Register/Feedback/DisplayName/Required"> + <translate v-if="!$v.user.fullname.required" translate-context="Content/Register/Feedback/DisplayName/Required"> Display name is required </translate> + <translate v-if="!$v.user.fullname.maxLength" translate-context="Content/Register/Feedback/DisplayName/MaxLength"> + Display name is too long + </translate> </b-form-invalid-feedback> </b-form-group> @@ -98,9 +102,10 @@ type="password" /> <b-form-invalid-feedback id="password-live-feedback"> - <translate translate-context="Content/Register/Feedback/Password/Required"> + <translate v-if="!$v.user.password.required" translate-context="Content/Register/Feedback/Password/Required"> A secure password is required </translate> + <span v-if="!$v.user.password.maxLength" v-translate translate-context="Content/Register/Feedback/Password/MaxLength">Password is too long</span> </b-form-invalid-feedback> </b-form-group> @@ -122,6 +127,7 @@ <b-form-invalid-feedback id="password-confirmation-live-feedback"> <span v-if="!$v.user.confirm.required" v-translate translate-context="Content/Register/Feedback/PasswordConfirm/Required">You need to confirm your password</span> <span v-if="!$v.user.confirm.sameAsPassword" v-translate translate-context="Content/Register/Feedback/PasswordConfirm/NotSameAsPassword">Both passwords needs to match</span> + <span v-if="!$v.user.confirm.maxLength" v-translate translate-context="Content/Register/Feedback/PasswordConfirm/MaxLength">Password is too long</span> </b-form-invalid-feedback> </b-form-group> @@ -172,7 +178,7 @@ export default { user: { email: { required, maxLength: maxLength(250) }, username: { required, maxLength: maxLength(250), usernameIsLegal, usernameNotRestricted }, - fullname: { required, maxLength: maxLength(250) }, + fullname: { required, maxLength: maxLength(30) }, password: { required, maxLength: maxLength(250) }, confirm: { required, |