so#44246791

agreeTermsValidator.js

export default function agreeTermsValidator() {
  return (key, newValue, oldValue, changes, content) => {
    if (newValue === true) {
      return true;
    }
    
    return "You need to agree on Terms!";
  }
}

components.my-component.js

const { Component } = Ember;

export default Component.extend({
});

controllers.application.js

import Ember from 'ember';
import Validation from '../validation';

export default Ember.Controller.extend({
  Validation,
  appName: 'Ember Twiddle',
  form: {},
  
  actions: {
    save(changeset) {
      changeset.validate();
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{my-component changeset=(changeset form Validation) save=(action "save")}}
<br>
<br>

templates.components.my-component.hbs

First Name:{{one-way-input value update=(action (mut changeset.first_name))}}
<br>
{{#each changeset.error.first_name.validation as |error|}}
    <span class="text-danger help-block m-l-3">{{error}}</span>
    <br>
{{/each}} 
<br>
Agree Terms: {{one-way-checkbox changeset.agree_terms 
class="form-control" 
update=(action (mut changeset.agree_terms))}}
<br>
{{#each changeset.error.agree_terms .validation as |error|}}
    <span class="text-danger help-block m-l-3">{{error}}</span>
    <br>
{{/each}} 

<br><br>
<button {{action save changeset}}>Submit</button>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
		"ember-one-way-controls": "2.0.0",
    "ember-changeset-validations": "1.2.6"
  }
}

validation.js

import {
  validatePresence,
  validateLength,
  validateConfirmation,
  validateFormat
} from 'ember-changeset-validations/validators';
import validateAgreeTerms from './agreeTermsValidator';

export default {
  first_name: [
    validatePresence(true),
    validateLength({ min: 4 })
  ],
  agree_terms: validateAgreeTerms(true)
};