选择元素的剔除验证出现在页面加载时

Question

我遇到了与described in this question 完全相同的问题。但是公认的解决方案并不能解决问题。

这是我的表单元素标记：

<select
    class="form-control"
    data-bind="options: industries, optionsText: 'description', optionsValue: 'code', optionsCaption: 'Choose...', value: industry_code"
></select>

我的数据如下所示：

[
    {"code":"00","description":"Unclassified","parent":null},
    {"code":"01","description":"Amusement\/Arcade","parent":null},
    ...
];

我正在尝试使用以下代码将此字段设为必填：

self.industry_code.extend({
    required: { message: "Please select an industry." }
});

它非常适合选择、更新等，但是当我第一次加载表单时，“请选择行业”。出现信息。我的其他淘汰验证代码（<input type='text'> 元素）都没有这样做，所以我希望这个代码的行为方式相同。

我确实尝试了上述问题中提到的解决方案（事实上，我已经在使用optionsCaption 绑定）。也许我错过了一步......the answer to the previous question 模糊到几乎没用的地步。

其他人解决了这个问题吗？

Answer 1

您的问题的解决方案非常简单。当你第一次初始化你的 viewModel 时，你需要调用这个指令

self.Errors.showAllMessages(false)

这将禁用首次加载时的所有错误。希望这会有所帮助。