Javascript Ember.js 2.7-如何检查输入字段的验证？

我对Ember.js还很陌生，我在如何对某个输入字段进行验证方面遇到了麻烦

以下是my template index.hbs的代码：

<div class="jumbotron text-center">
  <h1>Coming Soon</h1>

  <br/><br/>

  <p>Don't miss our launch date, request an invitation now.</p>

  <div class="form-horizontal form-group form-group-lg row">
    <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-1 col-md-5 col-md-offset-2">
      {{input type="email" value=model.email class="form-control" placeholder="Please type your e-mail address." autofocus="autofocus"}}
    </div>
    <div class="col-xs-10 col-xs-offset-1 col-sm-offset-0 col-sm-4 col-md-3">
        <button disabled={{isDisabled}} {{action 'saveInvitation' model}} class="btn btn-primary btn-lg btn-block">Request invitation</button>
    </div>
  </div>
  {{#if responseMessage}}
    <div class="alert alert-success">{{responseMessage}}</div>
  {{/if}}
  <br/><br/>
</div>

我想要得到验证的输入字段是email字段。我知道如何通过将value=”“字段替换为value=“email”来进行验证，但我想知道如何使用value=model.email进行验证

---

这似乎是个容易的问题，但是我在文档中找不到有关此特定问题的任何信息。

您可以在

saveInvitation

操作中检查电子邮件的有效性。

您可以在

saveInvitation

操作中检查电子邮件的有效性。

当您使用

input

助手时，这将更新

model.email

属性在文本字段中键入

1.您不需要在控制器中声明

电子邮件
属性。

2.
isValid
computed property dependent key应该是
model.email

import Ember from 'ember';

export default Ember.Controller.extend({

  headerMessage: 'Coming soon',
  responseMessage: '',

  isValid: Ember.computed.match('model.email', /^.+@.+\..+$/),
  isDisabled: Ember.computed.not('isValid'),
});

当您使用
input
helper时，当您在文本字段中键入时，这将更新
model.email
属性

1.您不需要在控制器中声明
电子邮件
属性。

2.
isValid
computed property dependent key应该是
model.email

import Ember from 'ember';

export default Ember.Controller.extend({

  headerMessage: 'Coming soon',
  responseMessage: '',

  isValid: Ember.computed.match('model.email', /^.+@.+\..+$/),
  isDisabled: Ember.computed.not('isValid'),
});