I have a component for an <input>
that (a) knows about validations and (b) knows how to only show validation errors if the user has touched the field or submitted the form:
// my-input/component.js
export default Ember.Component.extend({
attributeBindings: [ 'isValid:data-is-valid', 'showValidationErrors:data-show-validation-errors' ],
classNames: [ 'my-input' ],