Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anjmao/ng-validators
:star: Native angular 6+ form validators
https://github.com/anjmao/ng-validators
angular forms validation
Last synced: 12 days ago
JSON representation
:star: Native angular 6+ form validators
- Host: GitHub
- URL: https://github.com/anjmao/ng-validators
- Owner: anjmao
- License: mit
- Created: 2018-04-11T15:13:43.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-07-12T16:06:24.000Z (over 6 years ago)
- Last Synced: 2024-10-28T00:41:32.220Z (22 days ago)
- Topics: angular, forms, validation
- Language: TypeScript
- Homepage: https://anjmao.github.io/ng-validators/
- Size: 2.9 MB
- Stars: 19
- Watchers: 2
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://badge.fury.io/js/%40ng-validators%2Fng-validators)
[![Build Status][travis-badge]][travis-badge-url]
[travis-badge]: https://travis-ci.org/anjmao/ng-validators.svg?branch=master
[travis-badge-url]: https://travis-ci.org/anjmao/ng-validators
# Description
This repository contains native angular forms validators for both template driven and reactive forms.
Table of contents
=================
* [Getting started](#getting-started)
* [Template driven forms](#usage-in-template-driven-forms)
* [Reactive forms](#usage-in-reactive-forms)
* [Contributing](#contributing)
## Getting started
### Install library
using npm
```bash
npm install @ng-validators/ng-validators --save
```
using yarn
```bash
yarn add @ng-validators/ng-validators
```
### Usage in reactive forms.
Import only validators you need for you form.
```ts
import { greaterThan } from '@ng-validators/ng-validators';
this.formBuilder.group({
age: ['', greaterThan(18)]
});
```
### Usage in template driven forms.
Import NgValidatorsModule @NgModule declarations.
```ts
import { NgValidatorsModule } from '@ng-validators/ng-validators';
@NgModule({
imports: [NgValidatorsModule]
})
export class AppModule {
}
```
Now you can use validator directive in HTML template
```html
```
# Validators
## Angular built-in validators
- [x] required
- [x] minlength
- [x] maxlength
- [x] pattern
## Custom validators
- [x] rangeLength
- [x] min
- [x] gt
- [x] gte
- [x] max
- [x] lt
- [x] lte
- [x] range
- [x] digits
- [x] number
- [x] url
- [x] email
- [x] date
- [x] minDate
- [x] maxDate
- [x] dateISO
- [x] creditCard
- [x] json
- [x] base64
- [x] uuid
- [x] equal
- [x] notEqual
- [x] equalTo
- [x] notEqualTo
- [ ] Your validator can be here. PR is welcome :)
## Contributing
Contributions are welcome. You can start by looking at [issues](https://github.com/ng-validators/ng-validators/issues) with label *Help wanted* or creating new Issue with proposal or bug report. If you need validator but it is not listed here, you can submit PR with your validator.
## License
MIT