Bootstrap Modal中的Knockout验证

时间:2013-11-07 23:18:22

标签: twitter-bootstrap knockout.js modal-dialog knockout-validation

我认为;我有一个简单的文本框如下。

<input type="text" data-bind="value: vm().dummyValidationTest">

在viewmodel中,我将observable定义为

dummyValidationTest = ko.observable().extend({ required: true });

最后,我将绑定应用为

 ko.applyBindingsWithValidation(vm);

当文本框位于主窗体上时,此验证效果很好;但是,只要我在Bootstrap Modal中移动文本框,定义如下,验证就不起作用。

 <div class="modal" id="startNewApp-modal">

为什么验证在Modal Window中不起作用?

基页和模态都在同一视图中定义。

编辑:请参阅下面示例中的jsfiddle

  1. 无模态,验证工作:http://jsfiddle.net/athekdi/y53V2/

  2. 使用模态,验证无效:http://jsfiddle.net/athekdi/6W5xH/1/

1 个答案:

答案 0 :(得分:1)

您需要在KO之后移动validation library reference,因为它取决于该库

http://jsfiddle.net/6W5xH/2/