0.0.1 • Published 7 years ago

angularjs-form-validator v0.0.1

Weekly downloads
3
License
ISC
Repository
github
Last release
7 years ago

Angular Form Validator

AngularJS Directive for validate form in the bootstrap way.

How to markup your form

Please visit Bootstrap site: http://getbootstrap.com/css/#forms-control-validation

Installation

With npm

npm install angular-form-validator

Usage

Add script to your proyect

<script src="js/angular-form-validator.js"></script>

Type as dependency for your angular 1.x project

angular.module('demoApp', ['angular-form-validator'])
    .controller('myController', function(){
        //etc code
    });

In controller, call $broadcast method to validateForm event.

.controller('demoController', ['$scope', function($scope){
            this.validateForm = function(){
                $scope.$broadcast('validateForm');
            }
        }]);

Execute Validation

Add call to click button event or form submit

example.html

<form role="form" ng-submit="vm.validateForm()" novalidate>
   <!-- Form Elements -->
</form>

exampleController.js

   this.validateForm = function(){
       this.scope.$broadcast('validateForm');
   }

See working DEMO

//TODO List

  • List validations available
  • Custom error messages
  • Custom validation rules
  • Multiple Forms on View