Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ionicthemes/ionic-forms-and-validations
📝 Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 Forms Starter App and learn to handle simple and custom validations. Includes complete ionic forms tutorial!
https://github.com/ionicthemes/ionic-forms-and-validations
angular angular9 form-validation forms ionic ionic-angular ionic-apps ionic-forms ionic-framework ionic-tutorial ionic5 reactive-forms
Last synced: 7 days ago
JSON representation
📝 Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 Forms Starter App and learn to handle simple and custom validations. Includes complete ionic forms tutorial!
- Host: GitHub
- URL: https://github.com/ionicthemes/ionic-forms-and-validations
- Owner: ionicthemes
- Created: 2016-10-31T15:34:13.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T01:40:36.000Z (about 2 years ago)
- Last Synced: 2024-05-22T08:25:30.888Z (9 months ago)
- Topics: angular, angular9, form-validation, forms, ionic, ionic-angular, ionic-apps, ionic-forms, ionic-framework, ionic-tutorial, ionic5, reactive-forms
- Language: TypeScript
- Homepage: https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic
- Size: 5.14 MB
- Stars: 169
- Watchers: 12
- Forks: 104
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic).
**Please support this project by simply putting a Github star ⭐**
### Demo
- [Online demo](https://ionic4-forms-tutorial.firebaseapp.com)
### 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](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? 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!
