Form validation

[notmessenger]

https://html.spec.whatwg.org/multipage/index.html

• https://github.com/dockyard/ember-validations
• https://www.emberscreencasts.com/posts/64-form-validation-with-ember-validations

Inspiration

• http://parsleyjs.org/doc/examples.html
• https://hyperform.js.org
  • Complete implementation of the HTML 5 form validation API in Javascript
• https://github.com/davewasmer/ember-cli-formtastic/blob/master/addon/components/input-for.js
• https://github.com/davewasmer/ember-cli-formtastic/blob/master/addon/components/error-for.js
• https://github.com/nibynic/ember-form-builder
• https://github.com/martndemus/ember-form-for/blob/25309b3f248133f4b2e454618dbdf640d1aa8bbd/addon/components/form-field.js#L106

[notmessenger]

Ability to specify error messages inline, in the form template, rather than as strings attached to validation rules in the JS code.

Ability to have a "catchall" error output for errors which weren't anticipated (on a field-by-field, as well as form-wide basis)

[notmessenger]

Related https://github.com/ember-forge/ember-forge-ui/issues/99

[notmessenger]

Items remaining

• [x] Unit test for form/ef-form-error component
• [x] Integration test for form/ef-form-error component
• [x] https://github.com/ember-forge/ember-forge-ui/issues/148
• [x] Tie existence of error to error state on associated element

[notmessenger]

All of the previous work for/against this issue and the task lists related to the management of error state for an element. What now remains is support for validation that sets the error state of the same elements.

[notmessenger]

Validation items remaining

• [x] when form is submitted (on submit)
• [ ] when field is being interacted with (as-you-type)
• [ ] when field is blurred (on focus out)
• [ ] a form has a default validation approach, applied to all fields
• [ ] this approach can be overridden and specified via a property on the ef-form component
• [ ] individual form elements can specify a validation approach which overrides the approach set at the form level

References

• https://github.com/davewasmer/ember-cli-formtastic/blob/master/addon/components/input-for.js
• https://github.com/davewasmer/ember-cli-formtastic/blob/master/addon/components/error-for.js#L156
• https://github.com/nibynic/ember-form-builder#built-in-inputs
• https://github.com/martndemus/ember-form-for/tree/1.4.1