@dravishek/number-validate

Angular 16+ directive to validate number length before and after decimal point.

Installation

1. Install the NPM package

npm install @dravishek/number-validate

2. In your application, import the Directive. This directive is standalone so you need to declare it in the import[].

Example:

• For standalone components:

import { AdrNumberValidateDirective } from '@dravishek/number-validate';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [AdrNumberValidateDirective]
})
export class AppComponent {
  title = 'adr-number-validate';
}

• For non-standalone components:

import { AdrNumberValidateDirective } from '@dravishek/number-validate';

@NgModule({
  declarations: [],
  imports: [AdrNumberValidateDirective]
})
export class AppModule { }

Usage

Accepting both positive & negative numbers (including 0)

• For decimal numbers

<input type="text" adrNumberValidate="2.5" />

• For non decimal numbers

<input type="text" adrNumberValidate="2" />

Accepting only positive numbers (including 0)

• For decimal numbers

<input type="text" adrNumberValidate="+2.5" />

• For non decimal numbers

<input type="text" adrNumberValidate="+2" />

Accepting only negative numbers (excluding 0)

• For decimal numbers

<input type="text" adrNumberValidate="-2.5" />

• For non decimal numbers

<input type="text" adrNumberValidate="-2" />

Social

License