javascript - knockout 验证 - 配置位置(顶部或底部)跨度错误

Question

如何将跨度验证消息配置为元素上方或下方？ 目前他总是在元素下方创建。

编辑

Sample jsfiddle

步骤:

1. 点击按钮
2. 检查名字输入

查看跨度位于输入下方。

HTML:

<input type="text" data-bind="textInput: firstName">
<span class="validationMessage">This field is required.</span>

是否可以在 knockout 验证插件中配置要跨越的位置？

Answer 1

您可以使用validationMessage绑定(bind)来提供您自己的标记并关闭插入的消息。

<div class="row">
    <p class="validationMessage" data-bind="validationMessage: firstName"></p>
    <label>First name:</label>
    <input type="text" data-bind="textInput: firstName" />
</div>
<button type="button" data-bind='click: submit'>Click me</button>

ko.validation.init({
    registerExtenders: true,
    messagesOnModified: true,
    insertMessages: false,
    parseInputAttributes: true,
    messageTemplate: null
}, true);

检查更新的fiddle