当用户点击ember.js中的提交按钮时，如何在文本框为空时显示错误消息？

Question

我想知道什么时候文本框是空的，当用户单击提交按钮时，将需要显示错误消息。请帮帮我。

这是我的模板register.hbs代码

 {{paper-input 
     label="E-mail" 
     type="email" 
     value=email 
     onChange=(action (mut email)) 
     icon="email" 
     }} 

    {{#paper-button raised=true primary=true onClick=(action "register")}}Register{{/paper-button}} 

，这是我的控制器register.js代码

email: null, 


actions: { 
    register() { 
    var data = { 
     email: this.get('email'), 
    }; 
    var record = this.store.createRecord('register', data); 
    record.save().then((response) => { 
     this.set('email', null); 
     this.transitionToRoute('activation'); 
    }); 
    } 
} 

Answer 1

只要把一样的东西：

if (!this.get('email').trim()){ 
    //your code to show some error message 
    return 
} 

装饰（）从邮件中删除可能的空白 和一个空或空字符串在碎木CRIPT：

More on trim

More on what evaluates to True/False for strings