[ Web Proxy ]
URL:
Viewing: https://angular.dev/api/forms/PatternValidator [Back]  [Original]

PatternValidator Angular Skip to main content
menu
close
more_horiz
menuAPI
@angular/forms

PatternValidator

directive
stable

A directive that adds regex pattern validation to controls marked with the pattern attribute. The regex must match the entire control value. The directive is provided with the NG_VALIDATORS multi-provider list.

Form Validation

On this page

    arrow_upward_alt Back to the top

    API

        
          class PatternValidator extends AbstractValidatorDirective {  @Input() pattern: string | RegExp;  override enabled(input: unknown): boolean;}
        
        

    pattern

    string | RegExp

    Tracks changes to the pattern bound to this directive.

    enabled

    boolean

    Determines whether this validator should be active or not based on an input. Base class implementation checks whether an input is defined (if the value is different from null and undefined). Validator classes that extend this base class can override this function with the logic specific to a particular validator directive.

    @paraminputunknown
    @returnsboolean

    Description

    A directive that adds regex pattern validation to controls marked with the pattern attribute. The regex must match the entire control value. The directive is provided with the NG_VALIDATORS multi-provider list.

    Exported by

    Usage Notes

    Adding a pattern validator

    The following example shows how to add a pattern validator to an input attached to an ngModel binding.

    <input name="firstName" ngModel pattern="[a-zA-Z ]*">
    Jump to details

    Web Proxy Viewer  |  New URL  |  Original Page