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

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

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/gangachris/ng-validators
• Owner: gangachris
• License: mit
• Fork: true (xinxinw1/ng-validators)
• Created: 2019-11-09T23:21:42.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2018-03-16T18:10:10.000Z (almost 7 years ago)
• Last Synced: 2024-10-23T02:34:19.637Z (3 months ago)
• Size: 229 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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

README

        
# NGValidators

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/741550036db0422bbb09c51b685fb65c)](https://www.codacy.com/app/ganga-chris/ng-validators?utm_source=github.com&utm_medium=referral&utm_content=gangachris/ng-validators&utm_campaign=badger)

A List of validators for Angular (2 and above) 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 ng-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 { NGValidators } from 'ng-validators';

@Component({

  selector: 'app-root',

  template: `

      

          Email

          

      

  `,

})

export class AppComponent {

  theForm: FormGroup;

  constructor(private fb: FormBuilder) {

    this.theForm = fb.group({

      email: ['', [Validators.required, NGValidators.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