0.0.6 • Published 9 years ago

ember-parsley v0.0.6

Weekly downloads
1
License
MIT
Repository
github
Last release
9 years ago

ember-parsley is DEPRECATED 😿

In newer Ember.js versions custom HTML5 data-* attributes are not discarded anymore, so you can freely use data-parsley- attributes without using this add-on (whose point was to allow usage of data-parsley- attributes in views in older Ember versions). You can install parsley.js via bower, include the library in your brocfile and you're good to go.

Ember-parsley

An Ember CLI Addon for the ultimate JavaScript form validation library Parsley.js

Installation

  • ember install:addon ember-parsley in your Ember CLI project folder

Usage

  • Template example:
<form>
  <label>Password</label>
  {{input type="password" value=password data-parsley-trigger="keyup" data-parsley-length="[8, 32]" data-parsley-length-message="Password must be at least 8 characters long." required="required" class="password-field"}}

  <label>Password confirmation</label>
  {{input type="password" value=passwordConfirmation data-parsley-trigger="keyup" data-parsley-length="[8, 32]" data-parsley-length-message="Password must be at least 8 characters long." data-parsley-equalto=".password-field" data-parsley-equalto-message="Password confirmation must match the password." required="required"}}

  <input type="submit" value="Save password" class="button" {{action "savePassword" target="view"}}>
</form>
  • In your view or component's didInsertElement hook:
parsley: (function() {
  return this.$('form').parsley();
}).on('didInsertElement')

Summary

  • This addon includes parsley (with parsley.remote.js) library, and allows you to use data-parsley-* attributes in your Handlebars templates (which would normally be discarded).

Contributing

  1. Fork it ( https://github.com/matixmatix/ember-parsley/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

For more information on using ember-cli, visit http://www.ember-cli.com/.

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago

0.0.2

9 years ago

0.0.1

9 years ago