javascript - Aurelia 验证 - 在 aurelia-validation@0.9.2 中替换 isValid

Question

在 aurelia-validation 版本 0.6.8 中，您可以使用 isValid 标志在 html 中检查验证是通过还是失败。

像这样设置验证属性:

import {Validation} from 'aurelia-validation';
@inject(Validation)

@customElement('base-content')
export class BaseContent {
    this.validation = validation;
    this.validator = this.validation.on(this).ensure('baseContent.Name').isNotEmpty();
}

然后像这样使用 isValid:

<button class="btn btn-success" type="submit" disabled.bind="!validation.result.isValid">Sign In</button>

这曾经有效，但我最近升级了 aurelia 验证，所以我现在有以下软件包。
-aurelia-validation@0.9.2
- aurelia-validatejs@0.5.2

我正在寻找一种方法来复制我过去所做的但使用新包。这是我能得到的最接近的，但我不想在曾经有一个不错的选择时进行肮脏的检查。

import {inject, NewInstance} from 'aurelia-framework';

@inject(NewInstance.of(ValidationController))
export class Login {
    this.controller = controller;
}

get isValid(){
    if (this.controller.validate().length == 0) {
        return true;
    }
    return false;
}

 <button class="btn btn-success" type="submit" disabled.bind="!.isValid">Sign In</button>

有什么想法吗？

Answer 1

您可以使用 validation-errors 自定义属性来获取对当前错误数组的引用。此数组中的对象的形状如下:{ error: ValidationError, target: Element }。

<form validation-errors.bind="errors">
  ...
  ...
  <button class="btn btn-success" type="submit" disabled.bind="errors.length">Sign In</button>
</form>