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

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

• Sebastian De Deyne
• All Contributors

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.