Question

我正在使用淘汰验证插件及其工作正常但我有一点问题，我想通过使用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>

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

Answer 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。

淘汰验证错误消息跨度

1 个答案: