diff --git a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.css b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.css index 238bab347..fadb70221 100644 --- a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.css +++ b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.css @@ -336,4 +336,10 @@ fieldset { font-size: 0.9rem; margin-top: 5px; gap: 5px; +} + +.error-message { + color: red; + font-size: 12px; + margin-top: 5px; } \ No newline at end of file diff --git a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.html b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.html index 2de8747a7..95e2e12e0 100644 --- a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.html +++ b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.html @@ -14,11 +14,13 @@
- +
- +
@@ -81,8 +83,8 @@
- + @@ -90,24 +92,27 @@

-
-
- {{"Contact"|oTranslate}} -
- - -
- -
- - -
-
-
+
+
+ {{"Contact"|oTranslate}} +
+ + + + + +
+ +
+ + +
+
+
@@ -128,7 +133,7 @@
- @@ -144,4 +149,4 @@
- + \ No newline at end of file diff --git a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.ts b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.ts index b79ec9b82..6ccb9d0c5 100644 --- a/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.ts +++ b/cd2024bfs4g1-frontend/src/main/ngx/src/app/main/students/students-new/students-new.component.ts @@ -176,6 +176,18 @@ showAlert() { } } +phoneNumber: string = '+34 000000000'; +invalidPhone: boolean = false; +validatePhoneNumber(): void { + const cleanedPhone = this.phoneNumber.replace(/\D/g, ''); + if (cleanedPhone !== this.phoneNumber) { + this.invalidPhone = true; + } else { + this.invalidPhone = false; + } + this.phoneNumber = cleanedPhone; +} + }