AngularJS丰富表格填写和验证。 我们可以用ng-click来处理AngularJS点击按钮，使用$dirty和$invalid 来做验证。使用 novalidate 以及表单来声明禁止浏览器做特定的验证。表单控件大量使用Angular事件。让我们首先快速浏览一下事件。

　　事件

　　AngularJS提供可与HTML控件相关联的多个事件。例如ng-click通常与按钮相关联。下面是支持Angular JS事件。

　　ng-click

　　ng-dbl-click

　　ng-mousedown

　　ng-mouseup

　　ng-mouseenter

　　ng-mouseleave

　　ng-mousemove

　　ng-mouseover

　　ng-keydown

　　ng-keyup

　　ng-keypress

　　ng-change

　　ng-click

　　表格的复位数据上使用 on-click 指令。　

<input name="firstname" type="text" ng-model="firstName" required>
<input name="lastname" type="text" ng-model="lastName" required>
<input name="email" type="email" ng-model="email" required>
<button ng-click="reset()">Reset</button>
<script>
   function studentController($scope) { 
      $scope.reset = function(){
         $scope.firstName = "Mahesh";
         $scope.lastName = "Parashar";
         $scope.email = "MaheshParashar@kaikeba.com";
  }   
   $scope.reset();
}
</script>1234567891011121314复制代码类型：[html]

　　验证数据

　　以下可用于跟踪错误。

　　$dirty- 状态指示值已被改变

　　$invalid- 指示值的状态是无效的

　　$error- 指出确切的错误

开课吧广场-人才学习交流平台