Aurelia validationjs

Aurelia validationjs,aurelia,Aurelia,就我个人而言,我似乎无法让它工作 github项目 这是因为aurelia validationjs项目仍在不断变化吗? 希望得到反映在UI上的声明性验证。也尝试了流畅的验证,但没有效果 在跟踪来自的最新帖子更新后,成功使aurelia验证工作正常进行 我将为任何对代码感兴趣的人更新链接的github项目。aurelia验证插件最近已被重写,验证API已根据接受的答案再次更改 它现在使用两个独立的库aurelia validation和aurelia validatejs。验证器似乎不再存在,已

就我个人而言,我似乎无法让它工作

github项目

这是因为aurelia validationjs项目仍在不断变化吗?
希望得到反映在UI上的声明性验证。也尝试了流畅的验证,但没有效果

在跟踪来自的最新帖子更新后,成功使aurelia验证工作正常进行
我将为任何对代码感兴趣的人更新链接的github项目。

aurelia验证插件最近已被重写,验证API已根据接受的答案再次更改

它现在使用两个独立的库aurelia validation和aurelia validatejs。验证器似乎不再存在,已被ValidationController取代

新的API说明和一些示例可在此处找到:

。。。。以下是工作要点:

可在以下代码中总结使用情况:

import {inject, NewInstance} from 'aurelia-dependency-injection';
import {ValidationController, validateTrigger} from 'aurelia-validation';
import {required, email, ValidationRules} from 'aurelia-validatejs';

@inject(NewInstance.of(ValidationController))
export class RegistrationForm {
  firstName = '';
  lastName = '';
  email = '';

  constructor(controller) {
    this.controller = controller;      
    // the default mode is validateTrigger.blur but 
    // you can change it:
    // controller.validateTrigger = validateTrigger.manual;
    // controller.validateTrigger = validateTrigger.change;
  }

  submit() {
    let errors = this.controller.validate();
    // todo: call server...
  }

  reset() {
    this.firstName = '';
    this.lastName = '';
    this.email = '';
    this.controller.reset();
  }
}


ValidationRules
  .ensure('firstName').required()
  .ensure('lastName').required()
.ensure('email').required().email()
.on(RegistrationForm);
您还可以在以下链接中查看我的回购协议:

在login.js中,我使用了aurelia验证和aurelia validatejs。。。。 引导验证在my main.js文件中全局可用:

export function configure(aurelia) {
    aurelia.use
      .standardConfiguration()
      .developmentLogging()
      .plugin('aurelia-animator-css')
      .plugin('aurelia-validation')
      .plugin('aurelia-validatejs')
      .feature('bootstrap-validation'); // <= here

    aurelia.start().then(() => aurelia.setRoot());
}
导出功能配置(aurelia){ 奥雷莉亚。用途 .standardConfiguration() .developmentLogging() .plugin('aurelia-animator-css') .plugin('aurelia-validation') .plugin('aurelia-validatejs') .feature('bootstrap-validation');//aurelia.setRoot(); } 可以在此处看到验证渲染器: