Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/ember-bootstrap/ember-bootstrap-cp-validations
- Owner: ember-bootstrap
- License: mit
- Created: 2016-03-18T08:23:15.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T17:56:28.000Z (11 months ago)
- Last Synced: 2024-10-07T02:48:10.236Z (30 days ago)
- Topics: ember, ember-addon, ember-bootstrap, ember-cp-validations
- Language: JavaScript
- Homepage:
- Size: 6.59 MB
- Stars: 13
- Watchers: 8
- Forks: 11
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
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 aboveInstallation
------------------------------------------------------------------------------```
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).