In this Ionic template we use Angular Reactive Forms.
required: Validator that requires controls to have a non-empty value. It also validates that the value matches the input type. For example, if the input is of “email” type, then the input will be valid if it’s not empty and if the value is of email type.
minLength: Validator that requires controls to have a value of a minimum length.
maxLength: Validator that requires controls to have a value of a maximum length.
pattern: Validator that requires a control to match a regex to its value. You can find more information about regex patterns in the PatternValidator reference.
compose: is used when more than one validation is needed for the same form field.
<ion-select>so the user can select the country. In this template we just added a few random countries, however, you can use the countries you need by just adding them to the countries list from the
src/app/forms/validations/forms-validations.page.tsor you can also use a library to get all the countries from the world.
confirm_passwordinputs we validate if they are equal or not.
<ng-container>which iterates through all the validations the username has and checks if it should show the corresponding error message or not.