@von-development-studio/primeng-form-validation v0.0.1-SNAPSHOT-3

Directive: primeng-form-validation

Custom form validation for Angular and PrimeNG.

Read this in other language: Spanish

Requirements

• Angular (v7.1.0)
• PrimeNG (v7.0.4)

Installing

1. Add NPM package into your project:

   npm install @von-development-studio/primeng-form-validation --save

2. Add FormValidationModule into imports section

   import { FormsModule } from '@angular/forms';
   import { FormValidationModule } from '@von-development-studio/primeng-form-validation';
   
   ...
   
   @NgModule({
     imports: [
       ...
       FormsModule,
       FormValidationModule,
       ...
     ]
   })
   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 validation type="text" name="username" [(ngModel)]="login.username" required />

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

1. Your button type should be submit:

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

Directives

• required: Checks null value

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

Default validation messages

• requiredMessage: The field ${name} is required, needs name attribute in HTML element

By Von Development Studio