models.user.detail.js

import Ember from 'ember';
import DS from 'ember-data';
import {
  validator, buildValidations
}
from 'ember-cp-validations';

const attr = DS.attr;

const Validations = buildValidations({
  firstName: validator('presence', true),
  lastName: validator('presence', true)
}, {
  debounce: 500
});

export default DS.Model.extend(Validations, {
  "firstName": attr('string'),
  "lastName": attr('string')
});

models.user.js

import Ember from 'ember';
import DS from 'ember-data';
import { validator, buildValidations } from 'ember-cp-validations';

const attr = DS.attr;

const Validations = buildValidations({
  username: {
    description: 'Username',
    validators: [
      validator('presence', true),
      validator('length', {
        max: 15
      })
    ]
  },
  password: {
    description: 'Password',
    validators: [
      validator('presence', true),
      validator('length', {
        min: 4,
        max: 8
      }),
      validator('format', {
        regex: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{4,8}$/,
        message: '{description} must include at least one upper case letter, one lower case letter, and a number'
      })
    ]
  },
  email: {
    validators: [
      validator('presence', true),
      validator('format', {
        type: 'email'
      })
    ]
  }
  details: validator('belongs-to')
}, {
  debounce: 500
});

export default DS.Model.extend(Validations, {
  'username': attr('string'),
  'password': attr('string'),
  'email': attr('string'),
  'details': DS.belongsTo('user/detail')
});

routes.users.new.js

import Ember from 'ember'

export default Ember.Route.extend(AdapterHashRouteMixin, {
    model(params) {
        return Ember.RSVP.hash({
            user: this.store.createRecord('user', {
                details: this.store.createRecord('user/detail')
            })
        })
    },

    setupController(controller, models) {
        this._super(...arguments)
        controller.setProperties(models)
    },

    actions: {
        createNewUser(model) {
            model.save().then(() => {
                Ember.Logger.warn( 'user/then', arguments )
            })
            .catch(() => {
                Ember.Logger.warn( 'user/catch', arguments )
            })
        }
    }
})

templates.users.new.hbs

{{#bs-form action=(action "createNewUser" model.user) model=model.user novalidate="novalidate"}}

    {{bs-form-element controlType="text" property="username" placeholder="Username"}}
    {{bs-form-element controlType="password" property="password" placeholder="Password"}}
    {{bs-form-element controlType="email" property="email" placeholder="Email"}}
    
    {{bs-form-element controlType="text" property="details.firstName" placeholder="First Name"}}
    {{bs-form-element controlType="text" property="details.lastName" placeholder="Last Name"}}
    
    {{#bs-button buttonType="submit" type="primary"}}
        Create New User
    {{/bs-button}}

{{/bs-form}}