敲除验证-配置位置(顶部或底部）量程错误

Knockout validation - Config position (top or bottom) span error

本文关键字：底部 程错误 错误 顶部 验证 配置 位置      更新时间：2023-09-26

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

编辑

样品jsfiddle

步骤：

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

请查看输入下方的跨度。

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

检查更新的fiddle

我的临时解决方案：

正在重写InsertValidationMessage。

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

该功能已经在淘汰验证团队的计划中。

Fiddle

相关文章：