Ionic Forms Tutorial

This repo is part of an Ionic 5 tutorial where you will learn everything about Ionic forms and input validations in Ionic Framework Apps.

Please support this project by simply putting a Github star ⭐

Demo

• Online demo

Screenshots

Install this Ionic 5 Forms Demo App

npm install

Browse the app

ionic serve

About this ionic 5 forms tutorial

We will discuss the best practices for designing user-friendly forms with ionic 5. Then we will go through the differences between Angular template driven and reactive forms.

For this ionic tutorial we created a mobile app example with lots of forms and validations to help you master data collection using angular reactive forms and also some techniques to excel the user experience.

We will explain you the core concepts of: FormControl, FormGroup, FormBuilder and Validators and show you examples so you can learn to use them properly.

We want this to be the best ionic 4 forms tutorial, so we created advanced custom validators to show you how to validate passwords, phone numbers and unique usernames.

Learn more in https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic

Get a premium Ionic 5 Starter App

Did you know that we recently released Ionic 5 Full Starter App? It's an ionic 5 template that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.

It is also a Progressive Web App and has lots of beautiful forms and validations examples. Try it on your phone to see how it works!