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

时间:2017-02-20 10:17:39

标签: ember.js ember-paper

我想知道文本框何时为空,当用户单击提交按钮时,将需要显示错误消息。请帮帮我。

这是我的模板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');
    });
  }
}

1 个答案:

答案 0 :(得分:1)

只需输入:

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

trim()从邮件中删除可能的空格 并且javascript中的空字符串或空字符串是虚假的:

More on trim

More on what evaluates to True/False for strings