team-avesta-angular-validation

team-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


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 "" + msg + "";
});
`

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