AngularJS表单详解及示例代码

前端之家收集整理的这篇文章主要介绍了AngularJS表单详解及示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件,然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。

事件

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

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

使用点击一个按钮的指令,表单重置数据。

验证数据

可使用下面跟踪误差。

$dirty - 规定值已被改变。

$invalid- 该值的状态是无效的。

$error- 指出确切的错误

例子

下面的例子将展示上述所有指令。

testAngularJS.html

Angular JS Forms

AngularJS Sample Application

required">First Name is required.required">Last Name is required.required">Email is required.

猜你在找的JavaScript相关文章