ngx-auto-validate v0.0.2

ngx-auto-validate

ngx-auto-validate is a validation module for Angular that favors dynamic element modification to show client-side validation errors. It's a good solution for large forms or applications where writing out all validation combinations could result in excess HTML in your templates.

Inspired by https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5 and https://jonsamwell.github.io/angular-auto-validate

Installation

npm install ngx-auto-validate

or

yarn add ngx-auto-validate

Usage:

Import this library in your app.module.ts:

import { NgxAutoValidateModule } from "ngx-auto-validate";

@NgModule({
    // ...
    imports: [
        ReactiveFormsModule,
        NgxAutoValidateModule.forRoot({
            errors: {
                errorType: "Error text"
                // ex. required: "This field is required"
                // ...
			}, 
			classes: {
				validationMessage: "text-danger small"
				// ...
			},
			texts: {
				defaultError: "Validation error",
				// ...
			}
        }),
        // ...
    ]
})
export class AppModule { }

ToDo:

• Add additional validation types
• Currently works best with Bootstrap 4 DOM structure
• Add customization strategies
• Integrate with more validators (i.e. https://www.npmjs.com/package/ng2-validation)