Skip to main content

Posts

Showing posts with the label restrict numbers and special characters

Angular 7 Directive - Allow Only Numeric in Textbox Example

How to restrict numbers and special characters input in textbox Angular 7? I am sharing an example for allow only numeric in Textbox Angular 7, following steps involved:- 1.       Create Angular directive to allow only numeric input 2.       Import this directive in NgModule 3.       Use above created directive in your components to apply this Let’s see the example – Create Directive to allow only numeric input – import { Directive , ElementRef , HostListener , Input } from '@angular/core' ; @ Directive ({   selector: '[OnlyNumeric]' }) export class OnlyNumericDirective {   constructor ( private _el : ElementRef ) { }   @ HostListener ( 'input' , [ '$event' ]) onInputChange ( event ) {     const initalValue = this . _el . nativeElement . value ;         this . _el . nativeElement . value = initalValue ....