Log in form | Angular template driven form | Angular 15 forms | Angular Material

Опубликовано: 26 Март 2026
на канале: Development Learners
487
19

Log in form using angular , angular material and template driven form with all validation

Source Code :- https://github.com/pushpendra-sapkale...

Email Regex :- (?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/


Password Regex :- /^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/



Material CSS :- @import "~@angular/material/prebuilt-themes/indigo-pink.css";

Follow Me Here -
Linkedin :-   / pushpendra-sapkale-744125121  
Github :- https://github.com/pushpendra-sapkale...

#angular #angularmaterial #login #formvalidation

Cover Topics :-
Angular login form with validation
Angular template driven form
Angular material form
Responsive login form