title: Angular2 - FormControl Validation on blur
body: <p>I'm looking at adding some basic email validation to check that the user has put in a correct email address. Currently using the method below, the validation updates as the user types, which looks odd when it errors after entering one character.</p>
  
  <pre><code>validEmail(c: Control){
  if(!c.value.match('[a-z0-9!#$%&amp;\'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&amp;\'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?')){
    return {
      validEmail: true
    };
  }
  return null;
  }    
  
  ctrlEmailAddress: Control = new Control('', Validators.compose([
  Validators.required, this.validEmail]));
  </code></pre>
  
  <p>I was wondering if it is possible to trigger the validation on blur of the field, like in angularJS with:</p>
  
  <pre><code>ng-model-options="{ updateOn: 'blur' }"
  </code></pre>
  
  <p>I'm aware of the blur option on the input field within the html but this doesn't put my control in error unless there is a way to put the control into an error state.</p>
  
  <p>Could anyone help point me in the right direction?</p>
  
  <p>Thanks.</p>
  
  <p>Edit: I'm looking for a angular2 solution, not an angularJS solution.</p>