使用 Knockout 验证器添加 CSS 类

2024-06-22

我想将 CSS 类添加到select在我的视图元素中,我的视图模型有一个属性,我使用 Knockout-Validation 扩展了该属性:

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

Then my select就像这样:

<form data-bind="submit: closeComplaint" method="post"> 
    <select data-bind="options: rootCauses, 
                            optionsText: 'RootCauseText', 
                            value: selectedRootCause, 
                            optionsCaption: 'Choose..',
                            validationOptions: { errorElementClass: 
                                                 'input-validation-error' }">
    </select>

    <input type="submit" value="Close Complaint" />
</form>

My closeComplaint函数看起来像这样:

self.closeComplaint = function () {
    if (self.errors().length == 0) {
        $.ajax({
            url: '@Url.Action("CloseComplaint")',
            data: new DetailsComplaintAdmin(self.currentComplaint(),
                                        self.selectedRootCause().RootCauseId
                ),
            success: function (data) {
                console.log(data);
            }
        });
    }
}

只是为了完成,这是我的self.errors()功能:

self.errors = ko.validation.group(self);

问题是班级input-validation-error似乎没有添加到我的select当我提交表格时输入?有任何想法吗?


结账这个link https://github.com/ericmbarnard/Knockout-Validation/wiki/Configuration

它说你必须设置decorateElement to true用于应用CSS 输入标签的类。
因此,当我在全局应用该参数时,它会起作用:

ko.validation.configure({ 
    decorateElement : true
});

看看这个 jsfiddledemo http://jsfiddle.net/gurkavcu/cxTZJ/

Note:在 Knockout 验证库的最新版本中,decorateElement配置选项已重命名为decorateInputElement(details https://github.com/Knockout-Contrib/Knockout-Validation/wiki/Configuration)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Knockout 验证器添加 CSS 类 的相关文章

  • Knockout :找出哪个可观察触发了计算

    我有一个具有多个可观察值的对象 计算中有没有一种方法可以知道哪些可观察的变化 从而知道哪个可观察触发了计算 先感谢您 马修 如果没有详细说明您想要实现的目标 我将发布此内容 希望它能有所帮助 跟踪更改的一个简单方法是使用 subscribe
  • Knockout ObservableArray 不更新 HTML Foreach

    所以我有一个可以正常工作的 observablearray 但 UI 没有更新 我读过很多人遇到这种类型的问题 但我没有看到 所以 HTML 是 tbody tr td span class label label success Yup
  • 使用来自服务器和 ko.mapping 创建函数的元数据处理任意选项

    我有一个视图模型 其中一些可供选择的属性值由其他属性决定 这是通过requires field var clusterOptions name None sku 0 price 0 name Standard MySQL Cluster s
  • 如何在服务器中处理用于发布目的的日期

    我从 ASP NET MVC 获得了这个值 Date 1446393600000 它在 SQL 数据库中的值是 2015 11 02 这是一个date 仅限日期 并将其作为 javascript 对象进行操作 我使用moment js ht
  • 如何使用 URL 将数据从 javascript 发送到 ASP.NET MVC 控制器

    我需要一些帮助 我使用 ASP NET MVC4 以及 JavaScript 和 Knockout 编写了一个小应用程序 但我无法将数据从 javascript 发送到 MVC 控制器 反之亦然 例如JS部分是这样的 JavaScript
  • 如何在淘汰赛模板中控制日志

    我认为这是正确的 div div
  • 淘汰 foreach 不会清除新虚拟机上的先前条目

    我有一个模态形式 其中有两个绑定到可观察数组的嵌套列表 每次我单击按钮打开模式时 这两个嵌套列表都不会清除它们以前的数据 即使我为整个事物生成了一个全新的视图模型 我最终在这两个列表中得到了重复的 和三次的 等等 项目 如何确保当我给这个东
  • Knockout.js 安全绑定

    我想使用带有淘汰赛的安全绑定 为此我使用敲除安全绑定 js https github com brianmhunt knockout secure binding 谁能解释一下为什么下面的代码不起作用 它会抛出一个错误 未捕获 淘汰 安全
  • WebDriver:更改事件未触发

    我有一个使用 KnockoutJS 的应用程序 我正在尝试编写一些测试表单的测试 如果您不了解 KnockoutJS 简单来说 它提供了从我的视图到我的数据模型的绑定 这意味着当我在输入字段中键入值时 我的基础对象会自动使用该输入字段值进行
  • 输入按键的淘汰赛事件绑定会导致奇怪的行为

    长话短说 我希望用户能够在输入元素上按 Enter 键 并调用我的视图模型中的某些方法 这是我的 html 输入
  • Breeze.js 查询不更新淘汰赛视图

    我正在通过 Breeze js 查询数据 第一次运行良好 第二次视图未更新 html a Order by Newest a a Order by Score a div ul li strong span span strong span
  • 首选的客户端路由解决方案? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 将 MVVM 与 Knockout.js 结合使用时在服务器端定义模型

    我计划在客户端使用 knockout js 和 MVVM 模式来构建单页应用程序 因此模型 视图模型将在客户端定义 我对如何在服务器端构建感到困惑 现在 控制器会返回域模型本身吗 从域模型到 ViewModel 的所有映射仅发生在客户端吗
  • ko.applyBindings 上是否有某种回调可用?

    Using 淘汰赛 js questions tagged knockout js在我们当前的项目中 我们已经多次遇到过这一点 我怎样才能确保某些 Javascript 代码只被执行after页面上的所有绑定均已通过 Knockout 应用
  • Onclick使用knockout js绑定图像

    我想显示来自 allDoorColorStandard 的图像 HTML 单击 颜色数据 div 我想更新图像 在警报中 我正在获取图像 URL 现在需要绑定到图像标签中 div img class mappimg width 45 hei
  • 为什么我的淘汰单选按钮在另一个具有点击绑定的元素内时会失败?

    我有一个单选按钮列表 我想要点击 li 他们还检查单选按钮 这一切都有效 直到我放了一个name单选元素上的属性 然后我的代码停止工作 我的代码如下所示 ul li li ul li
  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的
  • 删除克隆元素上的淘汰赛 js 绑定

    我正在使用 knockout js 模板绑定功能将项目集合渲染到元素
  • 使用 Knockout 验证器添加 CSS 类

    我想将 CSS 类添加到select在我的视图元素中 我的视图模型有一个属性 我使用 Knockout Validation 扩展了该属性 self selectedRootCause ko observable extend requir
  • JS Globalize - 加载 json cldr

    我的最新版本有问题globalize js 为了使用它 我必须加载cldr modules和语言定义 现在我从全球化文档中得到了这个例子 loading needed modules get Scripts cldr supplementa

随机推荐

  • 如何仅使用 PIL Image 有条件地修改每个像素的像素值

    我想将所有像素 所有 r g b 的像素值减少 100 那么如果将像素值更新为 255 所有 r g b 其中 r g b 且 r gt 127 我尝试过使用 CV2 和 numpy 它工作正常 但是我被要求仅使用纯 PIL 图像 CV2
  • 在python中检查文件属性

    我想使用 python 检查目录中每个文件的存档位 到目前为止 我已经得到了以下内容 但我无法让它正常工作 该脚本的想法是能够查看所有具有存档位的文件 Thanks coding latin 1 import os win32file wi
  • 了解 KeyValue 嵌入式数据存储与文件系统

    我有一个关于文件系统使用的基本问题 我想使用嵌入式 KeyValue 存储 它非常面向写入 持续 说我的价值大小是 a 10K b 1M 并且读取和更新的数量相等 我可以简单地创建包含值及其名称作为键的文件吗 它不会像使用 LevelDB
  • extractin/构建增强程序选项

    我已成功安装 boost 编译二进制文件并构建 bcp 我还能够使用 bcp 提取正则表达式库 完成此操作后 我在下面找到了一个 gcc gen sh 脚本和一堆 makefile my exported boost regex libs
  • 跨连接列的全文搜索?

    我是自由文本搜索的新手 所以请原谅新手问题 假设我有以下全文索引 Create FullText Index on Contacts FirstName LastName Organization Key Index PK Contacts
  • 如何最大程度地减少 UDP 数据包丢失

    我每秒接收约 3000 个 UDP 数据包 每个数据包的大小约为 200 字节 我编写了一个 java 应用程序 它侦听这些 UDP 数据包并将数据写入文件 然后服务器以先前指定的速率发送 15000 条消息 写入文件后 它仅包含约 350
  • Writeln 能够支持 Unicode 吗?

    考虑这个程序 APPTYPE CONSOLE begin Writeln Z end 使用 Consolas 字体的控制台上的输出是 Z Windows 控制台非常有能力支持 Unicode 如该程序所示 APPTYPE CONSOLE u
  • 四边形到矩形变换

    我想将四边形图像转换为我知道这些顶点的矩形图像 例如 在下图中 我知道坐标 X1 Y1 X4 Y4 和 x1 y1 x2 y2 并且我想将其转换为矩形 如何获得与四边形图像中的 X Y 坐标相对应的矩形图像中的 x y 坐标 gt Y gt
  • 构建 Ad Hoc iOS 应用程序时 OSStatus 错误 -67028

    当我尝试在 iOS 上为仅限 iPhone 的应用程序进行临时分发的存档构建时 出现错误 该应用程序使用正确的证书进行签名 并具有正确的配置文件 与也能够正确签名的朋友进行了检查 因此这不是代码签名问题 每当我尝试使用 Xcode 存档面板
  • 在 Recyclerview 上播放视频时遇到问题

    我在 RecyclerView 中有一个 VideoView 我希望最终有一个可以在 Recyclerview 上播放的视频列表 我决定从一个视频开始 然后再制作多个视频 我似乎无法在 Recyclerview 中播放任何视频 当我在手机上
  • magrittr 管道内的 enquo()

    我只是想了解这里出了什么问题 在第一种情况 工作 中 我分配enquo ted 变量的参数 在第二种情况下 我直接在调用中使用带引号的参数mutate library dplyr df lt tibble x 1 5 y 1 5 z 1 5
  • Java中的选择排序算法

    我在对数组进行排序时遇到一些问题 我正在尝试按升序对其进行排序 我的任务是从用户那里获取一系列整数并将它们存储到一个数组中 然后按升序将它们显示给用户 我很高兴从用户那里获取输入 将其存储在数组中并将其显示回来 我能够运行我的代码并获得我想
  • 从最终用户处获取 Internet Explorer 安全设置

    据报告 我们的网络应用程序存在问题 这些问题似乎只发生在一个客户的站点上 出于诊断目的 有什么方法可以让客户向您发送他们的 IE 安全自定义设置吗 例如在 IE 8 中 工具 gt Internet 选项 gt 安全选项卡 对于 Inter
  • 如何使用 C# 将数据从存储在 FTP 服务器上的 ZIP 文件导入到数据库

    此代码从 FTP 服务器导入 void dat 文件 现在 void dat 位于 archive zip 文件下 那么如何从数据库中的 archive zip 中提取并导入数据 void dat 呢 WebClient request n
  • 如何在 Rust 中使用条件编译宏的示例

    我已经关注了相当多 https doc rust lang org reference attributes html conditional compilation of 文档 https doc rust lang org stable
  • 对整个块使用异步管道和可观察的

    我有一个 Observable 它从 API 返回一个大对象 我需要在我的模板中显示这些值 对于以数组形式返回的其他数据 我可以使用 div p value prop p div 我不需要等待异步完成 ngFor 因为它的父元素中已经有一个
  • 将具有不同 id 的元素拖放到相应的放置区

    我有 12 个具有不同 id 的参数 我想将它们拖放到相应的云中 四朵云中的每一朵都至少有三个相应的参数 如果错误的参数被放入错误的云中 那么应该显示一条错误消息 并将错误的参数发送回初始占位符 到目前为止 我已经成功地对拖放进行了编码 但
  • Doctrine2 DBAL 存在查询

    我想请求你的帮助Doctrine2 DBAL查询构建于QueryBuilder 我习惯了 ORM 但我认为对于在侦听器中调用的此类查询来说 这是一种矫枉过正的做法 我需要查询SELECT EXISTS我不知道如何使用 DBAL 构建它Que
  • MP Android Chart-如何修复折线图中X轴值的数量?

    private void plotchart String s float f1 chart setBackgroundColor Color rgb 63 81 181 chart setDescription enable touch
  • 使用 Knockout 验证器添加 CSS 类

    我想将 CSS 类添加到select在我的视图元素中 我的视图模型有一个属性 我使用 Knockout Validation 扩展了该属性 self selectedRootCause ko observable extend requir