add lowercase rule for username in researcher's participan account cr…

…eation dialog.
yghokim · Aug 23, 2020 · 40f611f · 40f611f
1 parent 064c57b
commit 40f611f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/...eriment-participants/create-user-account-dialog/create-user-account-dialog.component.html b/...eriment-participants/create-user-account-dialog/create-user-account-dialog.component.html
@@ -14,6 +14,9 @@
           <div class="error-message" *ngIf="username.errors.required">
             This field is required.
           </div>
+          <div class="error-message" *ngIf="username.errors.pattern">
+            Username must contain only lower case letters and numbers.
+          </div>
           <div class="error-message" *ngIf="username.errors.minlength || username.errors.maxlength">
             Username must be between 3 and 50 letters.
           </div>

diff --git a/...xperiment-participants/create-user-account-dialog/create-user-account-dialog.component.ts b/...xperiment-participants/create-user-account-dialog/create-user-account-dialog.component.ts
@@ -54,7 +54,7 @@ export class CreateUserAccountDialogComponent implements OnInit, OnDestroy {
 
   password = new FormControl("", [Validators.required, Validators.minLength(4)])
 
-  username = new FormControl("", [Validators.required, Validators.minLength(3), Validators.maxLength(50), noDuplicateValidator(this.data.participants.map(p => p.username))])
+  username = new FormControl("", [Validators.required, Validators.minLength(3), Validators.pattern('^[a-z0-9]+$'), Validators.maxLength(50), noDuplicateValidator(this.data.participants.map(p => p.username))])
 
   email = new FormControl("[email protected]", [Validators.required, Validators.email])