Neat Paraskavedekatriaphobia's Meaning

npm

Need private packages and team management tools?Check out npm Orgs. »

ngx-ow

0.2.0 • Public • Published

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

install

npm i ngx-ow

Downloadsweekly downloads

20

version

0.2.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability