@von-development-studio/primeng-form-validation v1.0.10

PrimeNG Form Validation

This library was generated with Angular CLI version 11.0.3.

Installing

1. Add NPM package into your project:

   npm i @von-development-studio/primeng-form-validation -S

2. Add VonPrimengFormModule into imports section

   import { VonPrimengFormModule } from '@von-development-studio/primeng-form-validation';
   
   ...
   
   @NgModule({
     imports: [
       ...
       VonPrimengFormModule,
       ...
     ]
   })
   export class AppModule { }

Usage

1. Add attribute (validate) (instead of submit or ngSubmit) & novalidate in form tag:

   <form (validate)="login()" novalidate>

2. In each field you want to add a validation:

   <input pInputText validation type="text" name="username" [(ngModel)]="login.username" [required]="true" />

• You need to include the component <p-toast></p-toast> in your html

3. Your button type should be submit:

   <button type="submit">Login</button>

Directives

• required: Checks null value

  <input name="requiredField" [(ngModel)]="value" [required]="true" validation />

• equalTo: Checks a value is equal to (value or variable)

  <input name="eqField01" [(ngModel)]="value01" equalTo="TEST" validation />

  <input name="eqField02" [(ngModel)]="value02" [equalTo]="value01" validation />

Default validation messages

• requiredMessage: The field '${name}' is required
• equalToMessage: The field '${name}' is not equal

By Von Development Studio