當用戶點擊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