淘汰赛验证错误消息范围

【问题标题】：knockout validation error message span淘汰赛验证错误消息范围
【发布时间】：2013-08-29 19:44:06
【问题描述】：

我正在使用淘汰赛验证插件，它工作正常，但我有一个小问题，我想通过使用 css 使验证跨度有点但更突出，我只想在输入元素之前插入验证跨度，现在它在输入元素之后的附加跨度。

这是它现在的渲染方式，

<input id="personName" class="form-control placeholder has-error" type="text" data-bind="value: name" placeholder="Your name" title="This field is required." data-orig-title="">
<span class="validationMessage" style="">This field is required.</span>

所以我只想在元素之前附加这个跨度。

【问题讨论】：

标签： css knockout.js knockout-2.0 knockout-validation

【解决方案1】：

如果您想自定义错误消息的显示方式，您需要使用预定义的validation bindings，在本例中为validationMessage。

使用此绑定，您可以在任意位置显示给定属性的验证消息，例如在 input 元素之前：

<span data-bind="validationMessage: name"></span>
<input id="personName" class="form-control placeholder has-error" type="text" 
      data-bind="value: name" 
      placeholder="Your name" title="This field is required." data-orig-title="">

此外，为了防止重复显示错误消息，您还需要 turn off the automatic message insertion 使用：

ko.validation.init({insertMessages: false});

演示JSFiddle.

【讨论】：