Simon Hunt | d7c203c | 2014-12-09 16:51:49 -0800 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html ng-app> |
| 3 | <head> |
| 4 | <title>Notes App</title> |
| 5 | <script src="../../tp/angular.js"></script> |
| 6 | </head> |
| 7 | <!-- no controller in this example --> |
| 8 | <body> |
| 9 | |
| 10 | <form novalidate name="myForm"> |
| 11 | <input type="text" |
| 12 | class="username" |
| 13 | name="uname" |
| 14 | ng-model="ctrl.user.username" |
| 15 | required="" |
| 16 | placeholder="Username" |
| 17 | ng-minlength="4"/> |
| 18 | |
| 19 | <input type="password" |
| 20 | class="password" |
| 21 | name="pad" |
| 22 | ng-model="ctrl.user.password" |
| 23 | required="" |
| 24 | placeholder="Password" |
| 25 | required=""/> |
| 26 | |
| 27 | <p/> |
| 28 | |
| 29 | <ng-form name="profile"> |
| 30 | <input type="text" |
| 31 | name="firstName" |
| 32 | ng-model="ctrl.user.profile.firstName" |
| 33 | placeholder="First Name" |
| 34 | required/> |
| 35 | <input type="text" |
| 36 | name="middleName" |
| 37 | ng-model="ctrl.user.profile.middleName" |
| 38 | placeholder="Middle Name"/> |
| 39 | <input type="text" |
| 40 | name="lastName" |
| 41 | ng-model="ctrl.user.profile.lastName" |
| 42 | placeholder="Last Name" |
| 43 | required/> |
| 44 | |
| 45 | <input type="date" |
| 46 | name="dob" |
| 47 | placeholder="Date of birth" |
| 48 | ng-model="ctrl.user.profile.dob"/> |
| 49 | </ng-form> |
| 50 | |
| 51 | <span ng-show="myForm.profile.$invalid"> |
| 52 | Please fill out the profile information |
| 53 | </span> |
| 54 | |
| 55 | <p/> |
| 56 | |
| 57 | <input type="submit" |
| 58 | value="Submit" |
| 59 | ng-disabled="myForm.$invalid"/> |
| 60 | </form> |
| 61 | |
| 62 | </body> |
| 63 | </html> |