ionic-forms-and-validations

by ionicthemes

πŸ“ Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 For...

146 Stars 86 Forks Last release: Not found 23 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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

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!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.