Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pascalebeier/bootstrap-validate

A simple Form Validation Utility for Bootstrap 3 and Bootstrap 4 for Humans.
https://github.com/pascalebeier/bootstrap-validate

bootstrap bootstrap-3 bootstrap-4 bootstrap3 bootstrap4 form form-validation jquery validate validation webpack

Last synced: about 12 hours ago
JSON representation

A simple Form Validation Utility for Bootstrap 3 and Bootstrap 4 for Humans.

Awesome Lists containing this project

README

        

# bootstrap-validate
![GitHub Workflow Status Lint](https://img.shields.io/github/workflow/status/PascaleBeier/bootstrap-validate/Lint?label=ESLint)
![GitHub Workflow Status Lint](https://img.shields.io/github/workflow/status/PascaleBeier/bootstrap-validate/Unit%20Tests?label=Jest)
![GitHub release (latest SemVer)](https://img.shields.io/github/v/release/PascaleBeier/bootstrap-validate?label=Latest)
![npm](https://img.shields.io/npm/dt/bootstrap-validate)
![GitHub](https://img.shields.io/github/license/PascaleBeier/bootstrap-validate)

> A simple Form Validation Utility for Bootstrap 3, Bootstrap 4 for Humans.

[![Demo](.github/images/demo.gif)](#)

## Supported Versions

| bootstrap-validate Version | Bootstrap Version | Documentation |
-----------------------------|-------------------|-------------------------------
| v1 | Bootstrap 3 | [v1 Download + Docs](https://bootstrap-validate.js.org/v1) |
| v2 | Bootstrap 4 | [v2 Download + Docs](https://bootstrap-validate.js.org/v2) |

## Documentation

Read the Documentation at [bootstrap-validate.js.org]().

## Quick Start

```bash
$ npm i bootstrap-validate
```

Include the bootstrap-validate.js script:

```html

```

We want the `#name` to be not longer than 30 characters!

```html


Enter a Name

bootstrapValidate('#name', 'max:30:Your name must not be longer than 30 characters');

```

Validating an `#email` address couldn't be easier!

```html


Enter your E-Mail

bootstrapValidate('#email', 'email:Enter a valid email address');

```

## More Features!

See the v2 Documentation on to
see all available validation features, examples, and usage with module bundlers.

## Examples

See [examples/](Examples) for real-world usage.

## Download

You can find current Releases under [Releases]() and
older Releases for Bootstrap 3 and Bootstrap 4 in the [Download Archive](https://bootstrap-validate.js.org/v2/download.html).

## Changelog

See [CHANGELOG](CHANGELOG.md).

## Tests

Validation Rules are at least unit-tested. Use `npm test` to spin up the test suites.
## License

Licensed under the MIT License, see [LICENSE](LICENSE.md).