Aurelia验证规则不会触发

Question

我是Aurelia Js的新手，我需要验证登录表单（必填和emial）属性。在这里，我使用了aurelia-validation插件。我下面的代码， 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"> 

Answer 1

login.js

import {ValidationRules} from 'aurelia-validation'; 

export class Login{ 
    email = ''; 
} 

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

的login.html

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

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

Answer 2

从上面杰里米Danyow答案，一定要和你应该提供形式组输入字段的顶部类像下面的代码。那么只有验证会起作用，否则将无法工作。

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