gpt4 book ai didi

twitter-bootstrap - knockout validation 不显示默认消息

转载 作者:行者123 更新时间:2023-12-02 07:35:42 24 4
gpt4 key购买 nike

我想让 KO 验证与验证消息的 Bootstrap 样式一起工作。

我有它,以便在内容无效时显示 Bootstrap 验证消息,但它还会在旁边显示 OOB KO 验证消息。

enter image description here

下面是我的代码,我原以为 data-bind="validationMessage: Name" 会停止显示默认值,但事实并非如此。有什么我想停止显示的东西吗?

<div class="container">
<form class="form-horizontal">
<div class="control-group" data-bind="css: { success: Name.isModified() && Name.isValid(), error: Name.isModified() && !Name.isValid() }">
<label for="inputName" class="control-label">Name</label>
<div class="controls">
<input type="text" id="inputName" placeholder="put something in and then clear" data-bind="value: Name, valueUpdate: 'afterkeydown'">
<span class="help-inline" data-bind="validationMessage: Name, visible: Name.isModified() && !Name.isValid()"></span>
</div>
</div>
</form>
</div>

function ViewModel() {
var self = this;
self.Name = ko.observable()
.extend({ required: true });
return self;
}
$(function () {
ko.applyBindings(new ViewModel());
});

JSFiddle 在这里:http://jsfiddle.net/KmKa4/8/

最佳答案

使用 data-bind="validationMessage: Name" 是不够的,您需要将 insertMessages 属性设置为 false 以禁用自动插入错误信息。

您可以在初始化 ko 验证插件时执行此操作:

ko.validation.init({insertMessages: false});

演示 JSFiddle .

您可以查看 Cofiguration documentation. 中的其他配置选项。

关于twitter-bootstrap - knockout validation 不显示默认消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16871944/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com