angular email validation

by manoj

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js"></script>
<div ng-app>
  <p>HTML5</p>
  <form>
    Email: <input type="email" pattern=".{1,}@[_a-z0-9A-Z]+(\.[a-z0-9A-Z]+)+"><br>
    <button type="submit">Submit</button>
  </form>
  <p>Angular</p>
  <form name="form">
    Email: <input type="email" ng-model="email" name="email" pattern=".{1,}@[_a-z0-9A-Z]+(\.[a-z0-9A-Z]+)+"><br>
    <button type="submit">Submit</button>
  </form>
  <pre>
    Email: {{form.email.$error.email ? 'bad' : 'good'}}
    Pattern: {{form.email.$error.pattern ? 'bad' : 'good'}}
  </pre>
</div>