如何验证 aurelia 中的动态绑定下拉列表？答案

【问题标题】：How to validate dynamically bound drop down in aurelia?如何验证 aurelia 中的动态绑定下拉列表？
【发布时间】：2017-01-13 20:30:55
【问题描述】：

我的 HTML 代码

<select value.bind="selectedValue & validate">
  <option value="0">Add Location Type</option>
  <option repeat.for="item of listOfValuesFromDB" model.bind="item.TeamLocationTypeId">${item.Name}</option>
</select>

我的虚拟机有

ValidationRules.ensure('selectedValue').inclusion({ within: [1, 2, 3], fullMessages: true, message: 'Please select an Item' });

假设，如果我从下拉列表中选择 [1,2,3]，它就可以正常工作，无需进行任何验证。但由于列表中的动态数据不断增长，如果我选择除 1、2、3 之外的任何其他内容，它将引发错误。

我是 Aurelia 框架的新手。请帮忙。

【问题讨论】：

标签： javascript aurelia

【解决方案1】：

如果您只是想确保用户选择“0”以外的项目，您可以使用以下验证代码：

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

并从您的默认 option 标记中删除 value="0"。

【讨论】：

我从选项标签中删除了 value="0"，而不是包含，我使用了 required。它没有验证。我设置了 value = ""，它开始工作了。感谢您的解决方案。