https://github.com/jimmy-collazos/input-validator

directive for add validator on inputs
https://github.com/jimmy-collazos/input-validator

Last synced: 10 days ago
JSON representation

directive for add validator on inputs

• Host: GitHub
• URL: https://github.com/jimmy-collazos/input-validator
• Owner: jimmy-collazos
• Created: 2013-12-05T18:58:31.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-10-10T10:44:15.000Z (over 10 years ago)
• Last Synced: 2025-01-11T03:25:05.410Z (21 days ago)
• Language: JavaScript
• Size: 215 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Input validator [![Build Status](https://travis-ci.org/acido69/input-validator.png)](https://travis-ci.org/acido69/input-validator)

This is a Angular-Module for add validators in input and textarea elements.

You can add validator method by $injector or directive.

## Installation using [Bower](http://bower.io/)

- `bower install input-validator`

- Inside your HTML add

  - select.js: ``

- Add the `input-validator` module as a dependency: `angular.module("myApp", ["input-validator"]);`

## Add validator via $validatorProvider

```javascript

mainAngularModule.config(['$validatorProvider', function($validatorProvider){

    $validatorProvider.$add('globalValidator', function(inputValue){

        return /\d/.test(inputValue);

    });

}]);

```

```html

    Name: 



name = {{name}}


myform.userName.$error.required = {{myform.userName.$error.required}}


myform.userName.$error.myvalidator = {{myform.userName.$error.myvalidator}}


myform.$valid = {{myform.$valid}} 

```


## Add validator via directive

```javascript

mainAngularModule.controller('formController', ['$scope', '$validator', function($scope, $validator){

    var validatorWithId = $validator.create('myvalidator', function(inputValue){

        return /\d/.test(inputValue);

    });

    var validatorAnonymous = function(inputValue){

        return /\s/.test(inputValue);

    }

    $scope.name = '';

    $scope.myTestValidator = [validatorWithId, validatorAnonymous];

}]);

```

```html



    
Add validators via directive

    

        Name: 

    

    


    name = {{name}}


    myform.userName.$error.required = {{myform.userName.$error.required}}


    myform.userName.$error.myvalidator = {{myform.userName.$error.myvalidator}}


    myform.$valid = {{myform.$valid}} 



```