{"id":19409566,"url":"https://github.com/ionicthemes/ionic-forms-and-validations","last_synced_at":"2025-04-09T18:19:18.531Z","repository":{"id":12690459,"uuid":"72450573","full_name":"ionicthemes/ionic-forms-and-validations","owner":"ionicthemes","description":"📝 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!","archived":false,"fork":false,"pushed_at":"2023-01-06T01:40:36.000Z","size":5385,"stargazers_count":168,"open_issues_count":25,"forks_count":103,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-09T18:19:11.188Z","etag":null,"topics":["angular","angular9","form-validation","forms","ionic","ionic-angular","ionic-apps","ionic-forms","ionic-framework","ionic-tutorial","ionic5","reactive-forms"],"latest_commit_sha":null,"homepage":"https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ionicthemes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-31T15:34:13.000Z","updated_at":"2025-04-09T13:31:17.000Z","dependencies_parsed_at":"2022-08-17T21:00:30.398Z","dependency_job_id":null,"html_url":"https://github.com/ionicthemes/ionic-forms-and-validations","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-forms-and-validations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-forms-and-validations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-forms-and-validations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ionicthemes%2Fionic-forms-and-validations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ionicthemes","download_url":"https://codeload.github.com/ionicthemes/ionic-forms-and-validations/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248085325,"owners_count":21045139,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular9","form-validation","forms","ionic","ionic-angular","ionic-apps","ionic-forms","ionic-framework","ionic-tutorial","ionic5","reactive-forms"],"created_at":"2024-11-10T12:11:56.047Z","updated_at":"2025-04-09T18:19:18.514Z","avatar_url":"https://github.com/ionicthemes.png","language":"TypeScript","readme":"# Ionic Forms Tutorial\n\nThis 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).\n\n**Please support this project by simply putting a Github star ⭐**\n\n### Demo\n- [Online demo](https://ionic4-forms-tutorial.firebaseapp.com)\n\n### Screenshots\n\u003cdiv\u003e\n  \u003cimg src=\"https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/forms-and-validation-in-ionic/ionic-forms-tutorial-demo-1.png\" width=\"270\"\u003e\n \n  \u003cimg src=\"https://s3-us-west-2.amazonaws.com/ionicthemes/tutorials/screenshots/forms-and-validation-in-ionic/ionic-forms-tutorial-demo-2.png\" width=\"270\"\u003e\n\u003c/div\u003e\n\n## Install this Ionic 5 Forms Demo App\n```\nnpm install\n```\n### Browse the app\n```\nionic serve\n```\n\n## About this ionic 5 forms tutorial\nWe 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.\n\nFor 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.\n\nWe will explain you the core concepts of: FormControl, FormGroup, FormBuilder and Validators and show you examples so you can learn to use them properly.\n\nWe 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.\n\nLearn more in https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic\n\n\n### Get a premium Ionic 5 Starter App\nDid 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.\n\nIt is also a Progressive Web App and has lots of beautiful forms and validations examples.\nTry it on your phone to see how it works!\n\n\u003cimg src=\"https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app-pro.jpg\"/\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fionicthemes%2Fionic-forms-and-validations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fionicthemes%2Fionic-forms-and-validations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fionicthemes%2Fionic-forms-and-validations/lists"}