# Form validation

**URL:** <https://forum.ionicframework.com/t/form-validation/63566>\
**Category:** ionic-v3\
**Created:** [September 16, 2016, 5:06am UTC](https://forum.ionicframework.com/t/form-validation/63566 "2016-09-16T05:06:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![anhchuoi0k](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/anhchuoi0k/32/103118_2.png) [@anhchuoi0k](https://forum.ionicframework.com/u/anhchuoi0k)\
**Post date:** [September 16, 2016, 5:06am UTC](https://forum.ionicframework.com/t/form-validation/63566/1 "2016-09-16T05:06:58Z")

</div>

here is my home.html file 😄

```auto
<ion-header>
    <ion-navbar>
      <ion-title text-center="true" class="title">Ionic 2 how to validae Form</ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="home">
     <form (submit)="doLogin">
  <div class="form">
    <div class="inside-form">
        <p class="alert"></p>
      <ion-item>
      <ion-label floating>Username</ion-label>
  <ion-input type="text" required size="50"></ion-input>
      </ion-item>
      <br><br>
      <ion-item>
        <ion-label floating>Password</ion-label>
  <ion-input type="password" required size="50"></ion-input>
      </ion-item>
      <br><br>
  <button type="submit" (click)="click()">Log in</button>
    </div>
  </div>
</form>
</ion-content>

```

And here is home.ts file 😊

```auto
import {Component} from '@angular/core';
import { FormBuilder } from '@angular/common'

@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
}

```

I’m a new learning ionic 2 . Please have me validate this form i create i don’t now how to do is , if somebody now pleas coment . Thank so must !!.  
love all you guys!.

---

<div class="post-metadata">

**Author:** ![bengtler](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bengtler/32/98565_2.png) [@bengtler](https://forum.ionicframework.com/u/bengtler)\
**Post date:** [September 16, 2016, 7:51am UTC](https://forum.ionicframework.com/t/form-validation/63566/3 "2016-09-16T07:51:56Z")

</div>

there are two types of building forms in angular 2:

> **[Angular Forms Guide: Template Driven and Reactive Forms](https://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/)**
>
> In this post we will see how the Angular 2 Forms API works and how it can be used to build complex forms.

---

<div class="post-metadata">

**Author:** ![anhchuoi0k](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/anhchuoi0k/32/103118_2.png) [@anhchuoi0k](https://forum.ionicframework.com/u/anhchuoi0k)\
**Post date:** [September 20, 2016, 4:46am UTC](https://forum.ionicframework.com/t/form-validation/63566/4 "2016-09-20T04:46:23Z")

</div>

thank you , your answer help me a lot of trolble , that blog is awsom , i have many exprerience when i read that, thank so must

---

<div class="post-metadata">

**Author:** ![anhchuoi0k](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/anhchuoi0k/32/103118_2.png) [@anhchuoi0k](https://forum.ionicframework.com/u/anhchuoi0k)\
**Post date:** [September 21, 2016, 1:40am UTC](https://forum.ionicframework.com/t/form-validation/63566/5 "2016-09-21T01:40:38Z")

</div>

did you have e example buliding form in ionic 2 , if have please so me , thank