diff --git a/Front/skydivelogs-app/src/app/create-user/create-user.component.html b/Front/skydivelogs-app/src/app/create-user/create-user.component.html
index b62f86e..d4e5edc 100644
--- a/Front/skydivelogs-app/src/app/create-user/create-user.component.html
+++ b/Front/skydivelogs-app/src/app/create-user/create-user.component.html
@@ -5,6 +5,7 @@
[ngClass]="{ 'is-invalid': submitted && createCtrls.firstname.errors }" />
Firstname is required
+
Firstname must have min 3 characters
@@ -30,6 +33,7 @@
[ngClass]="{ 'is-invalid': submitted && createCtrls.username.errors }" />
Username is required
+
Username must have min 3 characters
diff --git a/Front/skydivelogs-app/src/app/create-user/create-user.component.ts b/Front/skydivelogs-app/src/app/create-user/create-user.component.ts
index a0c0073..6fab172 100644
--- a/Front/skydivelogs-app/src/app/create-user/create-user.component.ts
+++ b/Front/skydivelogs-app/src/app/create-user/create-user.component.ts
@@ -33,11 +33,14 @@ export class CreateUserComponent implements OnInit {
ngOnInit() {
this.createForm = this.formBuilder.group({
- username: ["", Validators.required],
- password: ["", Validators.required],
- firstname: ["", Validators.required],
- lastname: ["", Validators.required],
- email: ["", Validators.required]
+ username: ["", [Validators.required, Validators.minLength(3)]],
+ password: [
+ "",
+ [Validators.required, Validators.pattern("^[A-Za-z0-9_-]{8,15}$")]
+ ],
+ firstname: ["", [Validators.required, Validators.minLength(3)]],
+ lastname: ["", [Validators.required, Validators.minLength(3)]],
+ email: ["", [Validators.required, Validators.email]]
});
// get return url from route parameters or default to '/'
@@ -49,14 +52,15 @@ export class CreateUserComponent implements OnInit {
}
onCreateSubmit() {
+ this.loading = true;
this.submitted = true;
// stop here if form is invalid
if (this.createForm.invalid) {
+ this.loading = true;
return;
}
- this.loading = true;
let createUser = new User();
createUser.login = this.createCtrls.username.value;
createUser.password = this.createCtrls.password.value;
diff --git a/Front/skydivelogs-app/src/app/login-user/login-user.component.html b/Front/skydivelogs-app/src/app/login-user/login-user.component.html
index 700a19d..2362d58 100644
--- a/Front/skydivelogs-app/src/app/login-user/login-user.component.html
+++ b/Front/skydivelogs-app/src/app/login-user/login-user.component.html
@@ -5,6 +5,7 @@
[ngClass]="{ 'is-invalid': submitted && loginCtrls.username.errors }" />
Username is required
+
Username must have min 3 characters