javascript - Aurelia ValidationRules 未触发

Question

我是 Aurelia Js 的新手，我需要验证登录表单(必需和 emial)属性。这里我使用了 aurelia-validation 插件。我的代码如下，登录.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.`);
 `

我不知道如何触发它并显示错误消息。

ma​​in.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">

Answer 1

登录.js

import {ValidationRules} from 'aurelia-validation';

export class Login{
  email = '';
}

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

登录.html

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

• > https://gist.run/?id=381fdb1a4b0865a4c25026187db865ce
• > https://gist.run/?id=1d612b3ae341c7e9c12113e1771988e7