https://github.com/gangachris/angular2-validators

[DEPRECATED] Since the community is moving to just calling it Angular, this has been moved to https://github.com/gangachris/ng-validators
https://github.com/gangachris/angular2-validators

Last synced: 2 months ago
JSON representation

[DEPRECATED] Since the community is moving to just calling it Angular, this has been moved to https://github.com/gangachris/ng-validators

• Host: GitHub
• URL: https://github.com/gangachris/angular2-validators
• Owner: gangachris
• License: mit
• Fork: true (margierain/angular2-validators)
• Created: 2019-11-09T23:23:15.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2017-01-01T08:43:50.000Z (about 8 years ago)
• Last Synced: 2024-09-28T09:07:42.148Z (4 months ago)
• Homepage:
• Size: 44.9 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular-components - Ng2 Validators - A List of validators for Angular 2 Forms based on validator.js (Uncategorized / Uncategorized)

README

        
**[DEPRECATED]** Since the community is moving to just calling it Angular, this has been moved to https://github.com/gangachris/ng-validators

# Ng2 Validators

A List of validators for Angular 2 Forms based on [validator.js](https://github.com/chriso/validator.js). Current version only works with ReactiveFormsModule.

FormsModule Directive validators will come soon.

# Usage

## Install

```bash

$ npm install --save angular2-validators

```

## Use as Model Based Validators

Make sure you have ReactiveFormsModule imported in your modules.

```typescript

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { ReactiveFormsModule } from '@angular/forms';

import { AppComponent } from './app.component';

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    ReactiveFormsModule,

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

The use the Validators with FormControls

```typescript

import { Component } from '@angular/core';

import { FormGroup, FormBuilder, Validators } from '@angular/forms';

import { NG2Validators } from 'angular2-validators';

@Component({

  selector: 'app-root',

  template: `

      

          Email

          

      

  `,

})

export class AppComponent {

  theForm: FormGroup;

  constructor(private fb: FormBuilder) {

    this.theForm = fb.group({

      email: ['', [Validators.required, NG2Validators.isEmail]]

    });

  }

}

```

## Contributing

Contribution Guideline isn't available yet, but PRs are so welcome to the develop branch.

## Added Validators

* isAfter

* isAlpha

* isAlphanumeric

* isAscii

* isBase64

* isBefore

* isBoolean

* isByteLength

* isCreditCard

* isCurrency

* isDataUri

* isDate

* isDecimal

* isEmail

* isFloat

* isFQDN

* isHexColor

* isHexaDecimal

* isInt

* isIP

* isISBN

* isJSON

* isLowerCase

* isMacAddress

* isNull

* isNumeric

* isUpperCase

* isURL