angular validation package for forms
npm install team-avesta-angular-validationteam-avesta-angular-validation 3.0.2
=========================






Client-side Validation should be simple and clean.
Don't let Client-side Validation dirty your controller.
Setup your Validation on config phase by using some rules (example)
If you prefer schema over html attributes , try angular-validation-schema
(Demo)
And add Validation in your view only.
angularjs 1.2.x support to version angular-validation 1.2.x
angularjs 1.3.x support after version angular-validation 1.3.x
angularjs 1.4.x support after version angular-validation 1.4.x
Requirement
-----
AngularJS 1.2.x (for angular-validation 1.2.x)
AngularJS 1.3.x (for angular-validation 1.3.x)
AngularJS 1.4.x (for angular-validation 1.4.x)
DEMO
-----
http://huei90.github.io/angular-validation/
http://plnkr.co/edit/rjIIkX (Bootstrap framework)
Install
-----
Install with npm
```
npm install angular-validation
or with bower
``
bower install angular-validation
Using angular-validation
---
`html``js
angular.module('yourApp', ['validation']);
// OR including your validation rule
angular.module('yourApp', ['validation', 'validation.rule']);
`
Writing your First Code
====
`html`
Built-in validation in angular-validation-rule
===
1. Required
2. Url
3. Email
4. Number
5. Min length
6. Max length
5 and 6 require you to pass an inline parameter to set the length limit. Eg, maxlength=6.
Anyone can give a PR for this angular-validation for more built-in validation
Integrating with Twitter Bootstrap
=====
To integrate this package with Bootstrap you should do the following.
Add the following LESS to your project
`css
.ng-invalid.ng-dirty{
.has-error .form-control;
}
label.has-error.control-label {
.has-error .control-label;
}
`
Change the Error HTML to something like:
`javascript`
$validationProvider.setErrorHTML(function (msg) {
return "";
});
You can add the bootstrap class .has-success in a similar fashion.
To toggle .has-error class on bootstrap .form-group wrapper for labels and controls, add:
`javascript``
angular.extend($validationProvider, {
validCallback: function (element){
$(element).parents('.form-group:first').removeClass('has-error');
},
invalidCallback: function (element) {
$(element).parents('.form-group:first').addClass('has-error');
}
});
License
-----
MIT
CHANGELOG
=====
See release
CONTRIBUTORS
=====
Thanks for all contributors