使用Knockout JS和Twitter Bootstrap Modals进行jQuery验证失败

时间:2012-07-18 14:53:40

标签: jquery jquery-validate twitter-bootstrap knockout.js

我已经设置了一个项目,我正在使用KnockoutJS和Twitter Bootstrap框架。我有一个包含数据列表的屏幕。单击其中一行允许用户在模态对话框中编辑行的数据。

但是当我点击模态上的“保存”按钮时,没有任何反应。即使我手动调用验证功能,也没有任何反应。

我的猜测是它与KnockoutJS模板绑定有关。我想,jQuery Validation插件会在加载DOM时解析整个文档,但是在用户单击“编辑”按钮之前,KnockoutJS模板绑定对象的内容才会发生。

我尝试在“编辑”功能中添加“验证”调用,但这似乎也无济于事。

这是一个similar question,但我没有使用jQuery Validation插件的不显眼版本,因此响应对我不起作用。是否有一个类似的解决方案只使用jQuery Validation插件的普通jane版本?

编辑:我删除了所有内联代码并创建了一个可以重现问题的jsFiddle:http://jsfiddle.net/KaCMa/4/

我目前已经注释了两行代码。它现在的设置方式,它可以像我期望的那样工作。对话框打开,如果您点击“保存”按钮,它会突出显示绿色/红色的字段为有效/无效。然而,问题在于,当您取消注释线条时,它会被半破坏。如上所述,我相信KnockoutJS正在干扰jQuery Validation插件。

0 个答案:

没有答案