(old & busted)

• rails-like validations
• limited validation graph
• support for all "common" validations
• validations were blocking

• ember-like validations
• validations are promise based
• support for all "common" validations
• validators are instances of classes
• parent's isValid state is product of children's
• parent's error messages is sum of children's
• infinite-depth validation graph

• observes property changes
  validations are live
  
• observes the state of the graph
  validators can be added to the graph at any time
  (removal not so hot right now)

• validations should not rely on race conditions
• in a good place for remote validations
  (not yet supported out of the box)
• all promises must complete

validations: {  password: {    confirmation: true  }}

• parent's isValid state is product of children's
• parent's error messages is sum of children's
• infinite-depth validation graph

• uniqueness
• custom validators

validations: {  custom: function() {
    // add message to errors  }.validates('prop1', 'prop2')}

• ember-data support

• replaces ember's input helper
• quickly create semantic forms
• assumes a "submit" action
  (can be overridden)
• support different wrappers
  (bootstrap... will be extracted)

• integrates with ember-validations
• will properly set input type based
  upon property name
• input types can be overridden
• no radio button support
  (not my fault!)

{{input firstName}}

<div class="string input">  <label for="ember404">First name</label>  <input id="ember404" type="text"/>  <span class="error">Will show first error message</span></div>

{{input firstName hint="your first name"}}

<div class="string input">  <label for="ember404">First name</label>  <input id="ember404" type="text"/>  <span class="error"></span>  <span class="hint">your first name</span></div>

{{input firstName as="text"}}

<div class="string input">  <label for="ember404">First name</label>  <textarea id="ember404"></textarea>  <span class="error"></span></div>

• string - default
• checkbox
• select
• password
• email
• url
• tel
• color
• search
• number
• date

{{input password}}

<div class="string input">  <label for="ember404">First name</label>  <input id="ember404" type="password"/>  <span class="error"></span></div>

• /password/
• /email/
• /url/
• 'color/
• /^tel/
• /search/

 user.set('birthday', new Date('August 15, 1979'));

{{input birthday}}

<div class="string input">  <label for="ember404">First name</label>  <input id="ember404" type="date"/>  <span class="error"></span></div>

• string - default
• number
• date
• boolean
  (checkbox)

{{#input firstName}}  {{input-field firstName}}  {{label-field firstName}}{{/input}}

<div class="string input">  <input id="ember404" type="text"/>
  <label for="ember404">First name</label>
</div>

• input-field
• label-field
• error-field
• hint-field