Chapter 9: Incorporating $touched and $submitted states

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <form name="playerForm">
        <input type="text" 
               name="playerName" 
               ng-model="player.name" />

        <button type="submit">Submit</button>
    </form>
    <div ng-if="playerForm.playerName.$dirty">
        You touched the playerName field
    </div>
    <div ng-if="playerForm.$submitted">
        You clicked submit
    </div>
</div>

JavaScript

angular.module('myApp', []);