📌  相关文章
📜  AngularJS-表单

📅  最后修改于: 2020-10-27 02:51:33             🧑  作者: Mango

AngularJS丰富了表单填充和验证。我们可以使用ng-click事件处理click按钮，并使用$ dirty和$ invalid标志以无缝方式进行验证。在表单声明中使用novalidate可以禁用任何特定于浏览器的验证。表单控件大量使用了AngularJS事件。让我们先看看这些事件。

大事记

AngularJS提供了与HTML控件关联的多个事件。例如，ng-click指令通常与按钮关联。 AngularJS支持以下事件-

  • ng-点击
  • ng-dbl-点击
  • ng-mousedown
  • ng鼠标
  • ng-mouseenter
  • ng-mouseleave
  • ng-mousemove
  • 鼠标悬停
  • ng-keydown
  • ng-keyup
  • ng键
  • ng-change

ng-点击

使用按钮的on-click指令重置表单数据。

验证数据

以下内容可用于跟踪错误。

  • $ dirty-指出值已更改。

  • $ invalid-指出输入的值无效。

  • $ error-指出确切的错误。

例

以下示例将展示所有上述指令。

testAngularJS.htm

现场演示
Angular JS Forms
      
      
      
      
   
   
      
      
AngularJS Sample Application

      

         
         

            

               

                  Enter first name:
                  
                     
                        First Name is required.
                     
                  
               

               
               

                  Enter last name: 
                  
                     
                        Last Name is required.
                     
                  
               

               
               

                  Email: 
                     
                        Email is required.
                        Invalid email address.

输出

在网络浏览器中打开文件testAngularJS.htm并查看结果。