+ {{#unless showCode}}
+
+ These form inputs are bound to the User model which is created in the route's model hook. Each one of these fields has validations to make sure we we recieve the data we want.
+ {{/unless}}
+
+ {{validated-input model=model valuePath='username' placeholder='Username'}} {{validated-input type='password' model=model valuePath='password' placeholder='Password'}} {{validated-input model=model valuePath='email' placeholder='Email'}} {{validated-input
+ model=model valuePath='emailConfirmation' placeholder='Verify Email'}}
+
-
- We have a secondary model, User Details, which holds extra information about our user. This model is part of the User model via a belongsTo relationship.
-
- {{validated-input model=model.details valuePath='firstName' placeholder='First Name'}}
- {{validated-input model=model.details valuePath='lastName' placeholder='Last Name'}}
- {{validated-input model=model.details valuePath='dob' placeholder='Date of Birth'}}
- {{validated-input model=model.details valuePath='phone' placeholder='Phone #'}}
- {{validated-input model=model.details valuePath='url' placeholder='URL'}}
+
+ {{#unless showCode}}
+
+ We have a secondary model, User Details, which holds extra information about our user. This model is part of the User model via a belongsTo relationship.
-
-
- On submit, a manual validation is run which will validate both the User and User Details models. If both are valid, then the user can continue to the next screen.
-
-
+ {{/unless}}
+
+ {{validated-input model=model.details valuePath='firstName' placeholder='First Name'}} {{validated-input model=model.details valuePath='lastName' placeholder='Last Name'}} {{validated-input model=model.details valuePath='dob' placeholder='Date of Birth'}}
+ {{validated-input model=model.details valuePath='phone' placeholder='Phone #'}} {{validated-input model=model.details valuePath='url' placeholder='URL'}}
+
+
+ {{#unless showCode}}
+
+ On submit, a manual validation is run which will validate both the User and User Details models. If both are valid, then the user can continue to the next screen.
-
-
- {{else}}
-
-
-
-
Success
+ {{/unless}}
+
- {{/unless}}
-
+
+ {{else}}
+
+ {{!--
--}}
+
+
Success
+
+ {{/unless}}
+
-
-// models/user.js
import Ember from 'ember';
import DS from 'ember-data';
import { validator, buildValidations } from 'ember-cp-validations';
var attr = DS.attr;
var Validations = buildValidations({
username: {
debounce: 500,
validators: [
validator('presence', true),
validator('length', {
max: 15
})
]
},
password: {
description: 'Password',
debounce: 500,
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...'
})
]
},
email: {
debounce: 500,
validators: [
validator('presence', true),
validator('format', {
type: 'email'
})
]
},
emailConfirmation: validator('confirmation', {
on: 'email',
message: 'Email addresses do not match',
debounce: 500
}),
details: validator('belongs-to')
});
export default DS.Model.extend(Validations, {
'username': attr('string'),
'password': attr('string'),
'email': attr('string'),
'details': DS.belongsTo('user-detail')
});
-
-
-