Awesome
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
Screenshots
<div> <img src="https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/forms-and-validation-in-ionic/ionic-forms-tutorial-demo-1.png" width="270"> <img src="https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/forms-and-validation-in-ionic/ionic-forms-tutorial-demo-2.png" width="270"> </div>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!
<img src="https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app-pro.jpg"/>