ngx-ow

Angular form validation on steroids

Use Ow to easily validate your Angular forms.

Install

$ npm install ow ngx-ow

Usage

Ow API documentation - Example

import {Component, OnInit} from '@angular/core';
import {owValidator} from 'ngx-ow';
import ow from 'ow';

@Component({
    selector: 'sign-up',
    templateUrl: 'sign-up.component.html'
})
export class SignUpComponent implements OnInit {
    form: FormGroup;

    constructor(
        private formBuilder: FormBuilder
    ) {}

    ngOnInit() {
        this.form = this.formBuilder.group({
            firstName: ['', owValidator('firstNameRequired', ow.string.nonEmpty)],
            name: ['', owValidator('nameRequired', ow.string.nonEmpty)],
            email: ['', owValidator('emailInvalid', ow.string.nonEmpty.includes('@'))],
            password: ['', owValidator('passwordInvalid', ow.string.minLength(6))]
        });
    }
}

If someone enters an invalid email address, the errors object for the email control will look like this.

{
    "emailInvalid": "Expected string to include `@`, got `hello`"
}

Related

• ow - Function argument validation for humans.

License

MIT © Sam Verschueren