验证在aurelia.js中无法正常工作

Question

我正在开展一个项目，我正在使用Aurelia作为前端。我正面临一个问题很多天但仍然没有找到任何解决方案我是Aurelia的新手，而且我已经尝试了所有的东西。< / p>

在这张图片中你可以看到当我们点击这个按钮时有一个必填字段和一个按钮这应该在文本字段中粘贴客户端名称一切正常。

但是当我在文本字段中键入任何内容然后删除所有内容然后单击按钮以使其说明字段是必需的时候会出现问题。 我理解问题是问题是我的验证是触发DOM模糊事件，当我改变焦点时，所需的验证就会触发。

有什么我可以做的吗？

这是一些代码段。

 .ensure('candidatevalidatedby')
    .displayName('Validated by')
    .required()
    .maxLength(60)

和

<div class="form-group">
<label>Candidate’s ID validated by *</label>
<input class="form-control" value.bind="candidate.candidatevalidatedby & validate" />
</div>

先谢谢。

编辑：此问题已修复。

<div class="form-group">
<label>Candidate’s ID validated by *</label>
<input class="form-control" value.bind="candidate.candidatevalidatedby & validateOnChange" />
</div>

Answer 1

这是解决方案。

<div class="form-group">
<label>Candidate’s ID validated by *</label>
<input class="form-control" value.bind="candidate.candidatevalidatedby & 
validateOnChange" />
</div>

它工作正常。 http://aurelia.io/docs/plugins/validation#validate-binding-behavior

Answer 2

将最大长度属性添加到输入元素。它会起作用。