Home

Awesome

ngx-ow Build Status

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

License

MIT © Sam Verschueren