Javascript 敲除验证-配置位置（顶部或底部）范围错误

如何将span验证消息配置为位于元素上方或下方？ 当前，他总是在元素下方创建

编辑

步骤：

点击按钮

检查名字输入

请参见“范围”位于输入下方

HTML：

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

此字段必填。

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

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

<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);

名字：
点击我
ko.validation.init({
registerExtenders:对，
messages:true，
insertMessages:false，
ParseInputAttribute:true，
messageTemplate:null
}，对）；

---

检查更新的

我的临时解决方案：

重写InsertValidationMessage

$ko.validation.insertValidationMessage = function (element) {
    var span = document.createElement('SPAN');
    span.className = "validationMessage";
    element.parentNode.insertBefore(span, element);
    return span;
};

已经在淘汰赛验证团队的计划中

---

你的问题不太清楚。你能提供你的代码的例子吗？什么是span验证消息，它是某种组件吗？也许你可以提供一个链接？@Olga，提供了链接。太好了，我对Anish的回答没有太多补充-插件上的文档说，

如果你想自定义对象验证消息的显示，使用validationMessage绑定

查看文档链接您的场景是什么？