Skip to content

Instantly share code, notes, and snippets.

@3gwebtrain
Created August 18, 2017 11:02
Show Gist options
  • Save 3gwebtrain/04e1c368705e29f00e9808507b9d8bdd to your computer and use it in GitHub Desktop.
Save 3gwebtrain/04e1c368705e29f00e9808507b9d8bdd to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
emailAddress:null
});
import { validator, buildValidations } from 'ember-cp-validations';
export default buildValidations({
emailAddress:[
validator('format',{
type:"email",
message: 'This is not an email address!'
})
]
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
emailAddress:DS.attr('string')
});
import Ember from 'ember';
import Validations from '../components/validation';
export default Ember.Route.extend(Validations, {
model(){
return {"emailAddress" : null }
},
actions:{
formValidate(){
var emailAddress = this.controllerFor(this.routeName).get('model.emailAddress');
console.log("email", emailAddress );
//seems not works the validate method
this.validate().then(({model,validations})=>{
if(validations.get('isValid')){
console.log('this is valid', validations.get('isValid') );
}
});
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{my-component model=model}}
<br>
<br>
<button {{ action 'formValidate' }}>Validate</button>
{{input type="email" value=model.emailAddress class="form-control" placeholder="Please type your e-mail address." autofocus="autofocus"}}
{
"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-data": "2.12.1",
"ember-cp-validations":"3.4.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment