How do you validate forms in an Ionic 2 app with Angular 2. What is the general process?

Here I share my way to do it (ionic 2.0.0.beta.8): You need to use a Form Builder to specify the validators (there are some default ones, you can build your own too), and later check the form validity onSubmit. Validation and Data binding are two separated things in Angular 2 (is what I understand)…

you should read the docs about template- and model-driven forms! it is working really good :wink: https://angular.io/docs/ts/latest/guide/forms.html

You are very lucky, @joshmorony just posted a large tutorial about the topic: [image] Advanced Forms & Validation in Ionic 2 & 3 You may be familiar with using [(ngModel)] to set up two way data binding between inputs in your templates, and variables in your class definition. For example …

When I do like this, bellow error happen! Error: No value accessor for 'username' What’s the problem?

I had this issue when I converted my page to a form. When I debugged the code i saw that this error happens when the username is undefined. I solved it by initializing the username to ‘’ (empty string).

can i have form for adding details with a mandate fields???

Error: Template parse errors: Can’t bind to ‘ngFormModel’ since it isn’t a known property of ‘form’. (" ][ngFormModel]="loginForm" (ngSubmit)="login()"> please help

How to validate forms with Angular 2 in Ionic 2

Ionic Framework ionic-v3

Andrea-W September 28, 2016, 1:03pm 6

Maybe out of date, try to use this: Forms - just can find a working example

It works like a charm.

1 Like

Topic		Replies	Views
Angular 2 form validator for ionic 2 ionic-v3	2	7890	April 20, 2016
Form validation ionic-v3	3	1926	September 21, 2016
Form validation is not working in ionic 2 ionic-v3	1	1984	May 8, 2017
Forms In Ionic 2 tutorials	0	1996	May 13, 2016
Forms - just can find a working example ionic-v3	17	33730	September 14, 2017

How to validate forms with Angular 2 in Ionic 2

Related topics