Angular form validation on steroids
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
source
.editorconfig
.gitattributes
.gitignore
.npmrc
.travis.yml
license
package.json
readme.md
tsconfig.json
tslint.json
yarn.lock

readme.md

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

  • ow - Function argument validation for humans.

License

MIT © Sam Verschueren