---
title: "AngularJs Forms"
description: "Hi everyone in this blog I’m explaining about AngularJs forms.Introduction:AngularJs enriches form filling and validation, We can use ng-click to hand"
author: "Anonymous User"
published: 2015-03-24
updated: 2018-02-22
canonical: https://www.mindstick.com/blog/10857/angularjs-forms
category: "angular js"
tags: ["angularjs scope", "angularjs model"]
reading_time: 2 minutes
---
# AngularJs Forms
Hi everyone in this blog I’m explaining about [AngularJs](https://www.mindstick.com/articles/13081/advantages-disadvantages-of-angularjs-is-that-ideal-for-your-project) forms.
##### Introduction:
##
AngularJs enriches form [filling](https://yourviews.mindstick.com/audio/1303/the-power-of-silence-what-happens-when-you-stop-filling-every-moment) and [validation](https://www.mindstick.com/articles/12234/validation-using-data-annotation-using-entity-framework), We can use ng-click to handle AngularJs click on a [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) and use $dirty and $invalid flags to do the validations in a seemless way. Use novalidate with a form declaration to [disable](https://www.mindstick.com/forum/12901/how-to-disable-enable-input-box-in-aspx-with-value-from-sql) any [browser](https://www.mindstick.com/blog/155254/which-is-the-best-internet-browser)-specific validation. Forms [controls](https://www.mindstick.com/articles/66/how-to-create-controls-at-run-time-in-csharp-dot-net) make heavy use of angularjs events. Let’s have a quick look on the event first.
##### Events:
##
AngularJS provides [multiple](https://www.mindstick.com/blog/12797/iowa-is-expected-to-see-heavy-growth-in-multiple-sectors) events which can be associated with the HTML controls. For example, ng-click is normally associated with the button. Following are supported events in [Angular JS](https://www.mindstick.com/forum/33800/how-to-add-edit-update-record-in-angular-js-in-mvc).
1. ng-click
2. ng-dbl-click
3. ng-mousedown
4. ng-mouseup
5. ng-mouseenter
6. ng-mouseleave
7. ng-mousemove
8. ng-mouseover
9. ng-keydown
10. ng-keyup
11. ng-keypress
12. ng-change
##### ng-click:
##
Reset data of a form using on-click directive of a button.
```
```
##### Validate data:
##
The following can be used to track error.
1. $dirty - [states](https://yourviews.mindstick.com/story/1549/top-indian-states-with-muslim-population) that value has been changed.
2. $invalid- states that value entered is invalid.
3. $error- states the exact error.
##### Example:
##
```
Angular JS Forms