Not*_*ple 2 twitter-bootstrap knockout.js knockout-validation
我想使用引导样式进行验证消息的KO验证工作.
我有它,以便在内容无效时显示引导验证消息,但它同时显示OOB KO验证消息.

下面是我的代码,我期待这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>
Run Code Online (Sandbox Code Playgroud)
和
function ViewModel() {
var self = this;
self.Name = ko.observable()
.extend({ required: true });
return self;
}
$(function () {
ko.applyBindings(new ViewModel());
});
Run Code Online (Sandbox Code Playgroud)
JSFiddle在这里:http://jsfiddle.net/KmKa4/8/
使用the data-bind="validationMessage: Name"是不够的,您需要将insertMessages属性设置false为禁用自动错误消息插入.
您可以在初始化ko验证插件时执行以下操作:
ko.validation.init({insertMessages: false});
Run Code Online (Sandbox Code Playgroud)
演示JSFiddle.
您可以查看Cofiguration文档中的其他配置选项.
| 归档时间: |
|
| 查看次数: |
4656 次 |
| 最近记录: |