如何将span验证消息配置为位于元素上方或下方?目前,他总是在元素下方创建。
编辑
样品jsfiddle
步骤:
- 点击按钮
- 检查名字输入
请查看输入下方的跨度。
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