Javascript Aurelia ValidationRules未触发

我是Aurelia Js的新手，我需要验证登录表单（必需和emial）属性。这里我使用了aurelia验证插件。下面是我的代码， login.js

import {Router} from 'aurelia-router';
import {
    ValidationRules
} from 'aurelia-validation';

export class login{
    static inject() { return [Router]; }
    attached(){
    }
}
ValidationRules
    .ensure('login.emial').required()
    .withMessage(`\${$displayName} cannot be blank.`);
 `

我不知道如何触发此事件并显示错误消息

main.js

    import $ from 'jquery';
export function configure(aurelia) {
aurelia.use
    .defaultBindingLanguage()
    .defaultResources()
    .developmentLogging()
    .router()
    .history()
    .eventAggregator()
    .plugin("aurelia-materialize-css")
    .plugin('aurelia-validation')
;
aurelia.start().then(() => aurelia.setRoot());

} HTML

<input id="email" type="email" class="validate" value.bind="login.emial">

login.js

import {ValidationRules} from 'aurelia-validation';

export class Login{
  email = '';
}

ValidationRules
  .ensure('email').required();

login.html

<template>
  <input value.bind="email & validate">
</template>

---

从上面的Jeremy Danyow答案中，您必须并且应该必须在输入字段顶部提供表单组类，如下面的代码。那么只有验证才能起作用，否则它将不起作用

<div class="form-group">
      <input value.bind="email & validate">
 </div>