表单验证
<script>
angular.module('inputExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.user = {name: 'guest', last: 'visitor'};
}]);
</script>
<div ng-controller="ExampleController">
<form name="myForm">
<label>
User name:
<input type="text" name="userName" ng-model="user.name" required>
</label>
<div role="alert">
<span class="error" ng-show="myForm.userName.$error.required">
Required!</span>
</div>
<label>
Last name:
<input type="text" name="lastName" ng-model="user.last"
ng-minlength="3" ng-maxlength="10">
</label>
<div role="alert">
<span class="error" ng-show="myForm.lastName.$error.minlength">
Too short!</span>
<span class="error" ng-show="myForm.lastName.$error.maxlength">
Too long!</span>
</div>
</form>
</div>
ng-model指令：
众所周知，ng-model指令 绑定HTML元素 到应用程序数据。
ng-model指令也可以：
1、为应用程序数据提供状态（number、email、required）。
2、为应用程序数据提供状态（invalid、dirty、touched、error）。
3、为HTML元素提供css类。
4、绑定HTML元素到HTML表单
