Package Health Score

51 / 100

security
No known security issues
popularity
Small
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
11.0.1	\|	12/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
10.0.0	\|	10/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
9.1.0	\|	03/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
8.0.0	\|	06/2019	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.0.0	\|	10/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (6,016)

GitHub Stars: 129
Forks: 55
Contributors: 20

Direct Usage Popularity

The npm package ngx-custom-validators receives a total of 6,016 downloads a week. As such, we scored ngx-custom-validators popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package ngx-custom-validators, we found that it has been starred 129 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 20
Funding: No

With more than 10 contributors for the ngx-custom-validators repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like ngx-custom-validators is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 20
Open PR: 2
Last Release: 4 years ago
Last Commit: 4 years ago

Further analysis of the maintenance status of ngx-custom-validators based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for ngx-custom-validators is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 6 years
Dependencies: 10 Direct
Versions: 16
Install Size: 695 kB
Dist-tags: 1
# of Files: 134
Maintainers: 1
TS Typings: Yes

ngx-custom-validators has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Not sure how to use ngx-custom-validators?

To help you get started, we've collected the most common ways that ngx-custom-validators is being used within popular public projects.

phucan1108 / letportal / src / web-portal / src / app / modules / login / pages / forgotpassword / forgot-password.page.ts View on Github

ngOnInit(): void {
        this.forgotPasswordForm = this.fb.group({
            email: ['', [Validators.required, CustomValidators.email]]
        })
    }

View more ways to use ngx-custom-validators

Description

Angular Custom Validators, forked from ng2-validation. Directives for form validation (template or model driven).

Installation

npm i ngx-custom-validators --save

Validators

Angular built-in validators

maxlength
minlength
pattern
required

Custom validators

array length
base64
credit card
date
date ISO
digits
email
equal
included in
not included in
not equal
equal to
not equal to
greater than
greater than or equal
json
less than
less than or equal
max
max date
min
min date
not equal
not equal to
number
property
range
range length
url
uuid

Usage

The paramater of each validator (if it has) can be accessible in the template with reason.

<input name="field" type="number">

<p>error message and must be greater than {{ field.errors?.reason }}</p>

Template driven

import FormsModule and CustomFormsModule in app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { CustomFormsModule } from 'ngx-custom-validators';

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

@NgModule({
    imports: [BrowserModule, FormsModule, CustomFormsModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {
}

range length - rangeLength

<input name="field" type="text">
<p>error message</p>

min

<input name="field" type="number">
<p>error message</p>

greater than - gt

<input name="field" type="number">
<p>error message</p>

greater than or equal - gte

<input name="field" type="number">
<p>error message</p>

max

<input name="field" type="number">
<p>error message</p>

less than - lt

<input name="field" type="number">
<p>error message</p>

less than or equal - lte

<input name="field" type="number">
<p>error message</p>

range

<input name="field" type="number">
<p>error message</p>

digits

<input name="field" type="text">
<p>error message</p>

number

<input name="field" type="text">
<p>error message</p>

url

<input name="field" type="text">
<p>error message</p>

email

<input name="field" type="text">
<p>error message</p>

date

<input name="field" type="text">
<p>error message</p>

min date - minDate

<input name="field" type="text">
<p>error message</p>

<input name="field" type="text">
<p>error message</p>

max date - maxDate

<input name="field" type="text">
<p>error message</p>

<input name="field" type="text">
<p>error message</p>

date ISO - dateISO

<input name="field" type="text">
<p>error message</p>

credit card - creditCard

<input name="field" type="text">
<p>error message</p>

json

<input name="field" type="text">
<p>error message</p>

base64

<input name="field" type="text">
<p>error message</p>

uuid

<input name="field" type="text">
<p>error message</p>

default: all

support

equal

<input name="field" type="text">
<p>error message</p>

not equal - notEqual

<input name="field" type="text">
<p>error message</p>

equal to - equalTo

<input required="" name="password" type="password">
<p>required error</p>
<input name="certainPassword" type="password">
<p>equalTo error</p>

not equal to - notEqualTo

<input required="" name="password" type="text">
<p>required error</p>
<input name="certainPassword" type="password">
<p>equalTo error</p>

property

public obj = { id: 1 } // OK
public obj = { name: 'baguette' } // KO

<input name="obj" type="text">

<input name="obj" type="text">
<p>property error</p>

array length - ArrayLength

public arr = [{ name: 'baguette' }, { name: 'croisant' }] // OK
public arr = [{ name: 'baguette' }] // KO

<input name="arr" type="text">
<p>arrayLength error</p>

Model driven

import ReactiveFormsModule in app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';

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

@NgModule({
    imports: [BrowserModule, ReactiveFormsModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {
}

import CustomValidators in app.component.ts

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
import { CustomValidators } from 'ngx-custom-validators';

@Component({
    selector: 'app',
    template: require('./app.html')
})
export class AppComponent {
    form: FormGroup;

    constructor() {
        this.form = new FormGroup({
            field: new FormControl('', CustomValidators.range([5, 9]))
        });
    }
}

<input type="text">
<p>error message</p>

range length - rangeLenght

new FormControl('', CustomValidators.rangeLength([5, 9]))

min

new FormControl('', CustomValidators.min(10))

greater than - gt

new FormControl('', CustomValidators.gt(10))

max

new FormControl('', CustomValidators.max(20))

less than - lt

new FormControl('', CustomValidators.lt(20))

range

new FormControl('', CustomValidators.range([10, 20]))

digits

new FormControl('', CustomValidators.digits)

number

new FormControl('', CustomValidators.number)

url

new FormControl('', CustomValidators.url)

email

new FormControl('', CustomValidators.email)

date

new FormControl('', CustomValidators.date)

min date - minDate

new FormControl('', CustomValidators.minDate('2016-09-09'))

max date - maxDate

new FormControl('', CustomValidators.maxDate('2016-09-09'))

date ISO - dateISO

new FormControl('', CustomValidators.dateISO)

credit card - creditCard

new FormControl('', CustomValidators.creditCard)

json

new FormControl('', CustomValidators.json)

base64

new FormControl('', CustomValidators.base64)

uuid

new FormControl('', CustomValidators.uuid('3'))

equal

new FormControl('', CustomValidators.equal('xxx'))

not equal - notEqual

new FormControl('', CustomValidators.notEqual('xxx'))

equal to - equalTo

let password = new FormControl('', Validators.required);
let certainPassword = new FormControl('', CustomValidators.equalTo(password));

this.form = new FormGroup({
  password: password,
  certainPassword: certainPassword
});

<form>
  <input type="password">
  <p>required error</p>
  <input type="password">
  <p>equalTo error</p>
</form>

not equal to - notEqualTo

let password = new FormControl('', Validators.required);
let certainPassword = new FormControl('', CustomValidators.notEqualTo(password));

this.form = new FormGroup({
  password: password,
  certainPassword: certainPassword
});

<form>
  <input type="password">
  <p>required error</p>
  <input type="password">
  <p>notEqualTo error</p>
</form>

property

public obj = { id: 1 };

this.form = new FormGroup({
  obj: new FormControl('', CustomValidators.property('id'))
  // For multiple properties check
  obj: new FormControl('', CustomValidators.property('id,value,name'))
});

<form>
  <input type="text">
  <p>property error</p>
</form>

array length - ArrayLength

public arr = [{ name: 'baguette' }, { name: 'croisant' }]
this.form = new FormGroup({
  arr: new FormControl('', CustomValidators.arrayLength(2))
});

<form>
  <input type="text">
  <p>arrayLength error</p>
</form>

included in array - includedIn

public arr = [{ name: 'baguette' }, { name: 'croisant' }]
this.form = new FormGroup({
  arr: new FormControl('bread', CustomValidators.includedIn(arr))
});

<form>
  <input type="text">
  <p>includedIn error</p>
</form>

not included in array - notIncludedIn

public arr = [{ name: 'baguette' }, { name: 'croisant' }]
this.form = new FormGroup({
  arr: new FormControl('baguette', CustomValidators.notIncludedIn(arr))
});

<form>
  <input type="text">
  <p>notIncludedIn error</p>
</form>

not matching a regular expression - notMatching (negate pattern)

public pattern = /a+bc/
this.form = new FormGroup({
  p: new FormControl('aabc', CustomValidators.notIncludedIn(pattern))
});

<form>
  <input type="text">
  <p>notMatching error</p>
</form>

For developpers

To run the projet : npm start Don't forget to run npm test and npm lint before each pull request. Thanks !

ngx-custom-validators dependencies

@angular/common @angular/compiler @angular/core @angular/forms @angular/platform-browser @angular/platform-browser-dynamic moment rxjs tslib zone.js

FAQs

What is ngx-custom-validators?

Angular custom directives for validation. Visit Snyk Advisor to see a full health score report for ngx-custom-validators, including popularity, security, maintenance & community analysis.

Is ngx-custom-validators popular?

The npm package ngx-custom-validators receives a total of 6,016 weekly downloads. As such, ngx-custom-validators popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is ngx-custom-validators well maintained?

We found indications that ngx-custom-validators is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is ngx-custom-validators safe to use?

The npm package ngx-custom-validators was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 22 December-2024, at 10:43 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP