Client Side Validation

Our custom, light weight Client side form validation library.

Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.

Support us

Learn how to create a package like this one, by watching our premium video course:

We invest a lot of resources into creating best in class open source packages. You can support us by buying one of our paid products.

We highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. You'll find our address on our contact page. We publish all received postcards on our virtual postcard wall.

Install

This package is custom built for Spatie projects and is therefore not registered on npm. In order to install it via npm you have to go through out registry:

npm set registry https://npm.spatie.be
npm set ca null

Or you can require the package straight from Github:

npm install spatie-custom/client-side-validation

Usage

import validation from 'client-side-validation';

validation.init();

Your form requires a data-validate attribute. The validation will be applied on all inputs with validation attributes. To display errors, a data-validation-errors element is required.

<form data-validate>
    <div class="form_group">
        <input type=text name=name required>
        <span data-validation-errors=name></span>
    </div>
    <div class="form_group">
        <input type=email name=email>
        <span data-validation-errors=email></span>
    </div>
    <div class="form_group">
        <input type=password name=password minlength=8 maxlength=32>
        <span data-validation-errors=password></span>
    </div>
</form>

The validation results in a CSS class is-valid or is-invalid on the input element.

Currently supported:

required
type=email
minlength & maxlength

Change log

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security

If you discover any security related issues, please contact Freek Van der Herten instead of using the issue tracker.

Credits

About Spatie

Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.

License

The MIT License (MIT). Please see License File for more information.

raliqala / client-side-validation Goto Github PK