title: How to validate email address inside md-input in Angular 2
body: <p>I have this Angular 2 form with <code>md-input</code> element inside:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;form  noValidate (ngSubmit)=&quot;onSubmit(resetPasswFg)&quot; [formGroup]=&quot;resetPasswFg&quot; style=&quot;width:400px;border:1px solid black; &quot;&gt;
    &lt;table style=&quot;width:400px;&quot;&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;md-input  class=&quot;input&quot; mdInput placeholder=&quot;Email&quot; type=&quot;email&quot; formControlName=&quot;email&quot;&gt;
            &lt;md-hint class=&quot;input_error&quot; *ngIf=&quot;resetPasswFg.get('email').hasError('required') &amp;&amp; resetPasswFg.get('email').touched&quot;&gt;
              Email required
            &lt;/md-hint&gt;
          &lt;/md-input&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
  &lt;!-- Other elements --&gt;
  &lt;/form&gt;
  </code></pre>
  <p>and this is my validator inside component:</p>
  <pre class="lang-ts prettyprint-override"><code>ngOnInit() {
      this.resetPasswFg = new FormGroup({
        email: new FormControl('', [Validators.required, Validators.required ])
      })
  }
  </code></pre>
  <p>Now, if email field is not populator, <code>md-hint</code> appear correctly. Now I would that <code>md-hint</code> appear also if email <code>md-input</code> doesn't contain a well formed email address.
  How can I do?</p>