Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ember-bootstrap/ember-bootstrap-cp-validations

ember-cp-validations support for ember-bootstrap
https://github.com/ember-bootstrap/ember-bootstrap-cp-validations

ember ember-addon ember-bootstrap ember-cp-validations

Last synced: about 10 hours ago
JSON representation

ember-cp-validations support for ember-bootstrap

Awesome Lists containing this project

README

        

ember-bootstrap-cp-validations
==============================================================================

[![npm version](https://badge.fury.io/js/ember-bootstrap-cp-validations.svg)](http://badge.fury.io/js/ember-bootstrap-cp-validations)

This Ember addon adds support for validations based on [Ember CP Validations](https://github.com/offirgolan/ember-cp-validations) to [ember-bootstrap](https://www.ember-bootstrap.com) forms.
This way your forms are only submitted when the underlying data is valid, otherwise the appropriate bootstrap error
markup will be applied. See the [FormElement documentation](https://www.ember-bootstrap.com/api/classes/Components.FormElement.html) for
further details.

Compatibility
------------------------------------------------------------------------------

* Ember Bootstrap v4
* Ember CP Validations v4
* Ember.js v3.16 or above
* Ember CLI v3.15 or above
* Node.js v10 or above

Installation
------------------------------------------------------------------------------

```
ember install ember-bootstrap-cp-validations
```

You should have installed the ember-bootstrap and ember-cp-validations addons already. If not install them:

```
ember install ember-bootstrap
ember install ember-cp-validations
```

Usage
------------------------------------------------------------------------------

Define your model and its validations as described in [Ember CP Validations](https://github.com/offirgolan/ember-cp-validations):

```js
import Ember from 'ember';
import { validator, buildValidations } from 'ember-cp-validations';

const Validations = buildValidations({
username: validator('presence', true),
email: validator('format', { type: 'email' }),
password: validator('length', { min: 10 }),
});

export default Ember.Component.extend(Validations, {
username: null,
email: null,
password: null,
});
```

Then assign the model to your form:

```hbs




Submit

```

Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).