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>