<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<form ng-app="" name="testForm" ng-init="txt = 'test@email.com'">
<p>Change the email address and see the status chages below:</p>
Email: <input type="email" name="emailAddress" ng-model="txt" required>
<p>Valid: {{testForm.emailAddress.$valid}} (true = value is ok)</p>
<p>Dirty: {{testForm.emailAddress.$dirty}} (true = value has been changed)</p>
<p>Touched: {{testForm.emailAddress.$touched}} (true = the email field has been in focus)</p>
</form>
</body>
</html>
<!--
run:
Change the email address and see the status chages below:
Email: test@email.com
Valid: true (true = value is ok)
Dirty: false (true = value has been changed)
Touched: false (true = the email field has been in focus)
-->
