ionicthemes/ionic-forms-and-validations

Stars
168
Rank 225,507 (Top 5 %)
Language
TypeScript
Created about 8 years ago
Updated almost 2 years ago

ionicthemes/ionic-forms-and-validations

ionicthemes

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

📝 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!

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!

ionic-wordpress-integration

Ionic Wordpress starter app 😎. Learn how to communicate your ionic app with Wordpress REST API with this starter and detailed tutorial.

build-a-complete-mobile-app-with-ionic-framework

Getting Started with Ionic Framework - Let's build a real App together! Learn the core concepts of Ionic while building a Q & A mobile app.

ionic-pwa

🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest

ionic4-starter-app-tutorial

Ionic 4 To Do List App. FREE Ionic 4 example app. Learn how to start using Ionic 4 to create a simple app with lists, forms and navigation.

ionic5-firebase-authentication

🔥 Ionic Firebase Authentication Starter - FREE starter app with Firebase Authentication with social providers such as Google, Facebook and Twitter. Includes complete tutorial to learn how to integrate Firebase Auth into your Ionic 5 application.

building-a-complete-mobile-app-with-ionic-framework

JSConfUY 2015 Ionic workshop app. Ionic example conference app.

ionic-firebase-starter-app

Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)

facebook-login-with-ionic-framework

Ionic example app of how to add Facebook Native authentication into an Ionic Framework v1 app. Add facebook login to your ionic app!

ionic5-starter-app-tutorial

Free Ionic Starter Template - Ionic 5 example app. Learn how to start using Ionic 5 to create a simple app with lists, forms and navigation and more!.

ionic-facebook-login

Ionic starter app to show you how to add Facebook Log In to an Ionic App.

ionic6-starter-app

🌟 Ionic Starter Template. It has everything you need to jump start your Ionic Angular app development! Firebase Integration, Capacitor, PWA, Lists, Cards, Navigation, Forms and Validations and SO MUCH MORE! 🚀

ionic-google-login

Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.

ionic-navigation-and-routing

🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!

ionic3-image-handling

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.

ionic-3-google-maps-google-places-geolocation

This repository is part of an ionic tutorial about Maps! In this tutorial we merged Google maps, Geolocation and Google Places. This ionic tutorial includes a working example you can reuse for your needs!

ionic-custom-components

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.

improved-ux-for-ionic-apps-with-skeleton-loading-screens

🛎 Learn the importance of adopting the App Shell pattern in your ionic apps and how to implement it using Ionic and Angular and some advanced CSS techniques.

google-login-with-ionic-framework

Ionic example app of how to add Google Plus authentication into an Ionic Framework app. Add google login to your ionic app!

ionic-firebase-image-upload

Building an Ionic App with Protected/Private Content. This app shows how to use Firebase Storage from an Ionic Angular app both with public and private content.

ionic-firebase-crud

🔥 Ionic CRUD with Firebase database. Use this demo as a starter project to build your Ionic Firebase app!

ionic-socialsharing-with-deeplinking-example

Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.

building-an-ionic3-multi-language-app

Learn why you need to Internationalize and Localize your Ionic Framework App and how to do it. Also find out how to adapt your Ionic App for multi languages including RTL languages.

google-maps-places-geolocation-for-your-ionic-app

Ionic example app of how to add Google maps, places, geolocation and related features into an Ionic Framework app.

monetize-your-ionic-3-app-with-admob

Ionic example app with admob. This repository is part of a tutorial that shows how to add AdMob to your Ionic 3 App.

how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

ionic-twitter-login

Learn how to add Twitter Login to your Ionic 4 App. In this ionic framework tutorial we will build a ionic 4 example app with Twitter Authentication.

firebase-authentication-for-your-ionic-app

Ionic example app with Firebase authentication. Add Firebase login to an ionic Framework App. Free Starter and Complete Tutorial.

ion2fullapp

This is our public repository for customers to report bugs about Ion2FullApp - Ionic Template

how-to-build-any-ionic-chart-or-visualization

📈 Learn how to build advanced Ionic charts and visualizations using the best Ionic Angular charting libraries (ngx-echarts, ng2-charts, ngx-charts).

ionic-platform-authentication-for-your-ionic-app

Ionic example app of how to add Ionic Platform authentication into an Ionic Framework app.

custom-ionic-form-input-components

Learn how to create custom Ionic form inputs to use in your Ionic Angular apps

form-handling-and-validations-for-your-ionic-app

Ionic 1 example app with Angular Forms and validations.

c-coffee-icon

Custom multi-color SVG web component coffee icon using Stencil.js

questions-and-answers-tutorial-backend

This repo is the backend for the Build a Complete Mobile App with Angular and Ionic demo app. Built with NestJS.

ionic-sliding-tabs

Ionic Sliding Tabs. This repo is an Ionic 6 and Angular 13 project with an example of sliding tabs in Ionic.