JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 509
  • Score
    100M100P100Q111525F
  • License MIT

ember-cp-validations support for ember-bootstrap

Package Exports

  • ember-bootstrap-cp-validations

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ember-bootstrap-cp-validations) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ember-bootstrap-cp-validations

npm version

This Ember addon adds support for validations based on Ember CP Validations to ember-bootstrap 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 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:

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:

<BsForm @model={{this}} as |form|>
  <form.element @label="Username" @controlType="text" @property="username" />
  <form.element @label="Email" @controlType="email" @property="email" />
  <form.element @label="Password" @controlType="password" @property="password" />
  <form.submitButton>Submit</form.submitButton>
</BsForm>

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.