问题标签 [knockout-validation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
103880 浏览

knockout.js - 淘汰赛验证

我有 asp.net mvc3 项目,我在其中使用淘汰绑定对表进行批量编辑。我想在保存数据的同时进行所需的验证和数字验证等验证。有没有更简单的方法来进行淘汰验证。PS:我没有使用表格。

0 投票
2 回答
4140 浏览

javascript - 淘汰赛验证和 Qtip

我目前使用 Jquery Validation 和 Qtip 一起使用验证选项的 errorPlacement 组件在验证错误时使用漂亮的工具提示样式通知来处理实际验证和信息显示到屏幕。

目前,每个 viewModel 都有自己的自定义方法来设置和启动验证和回调,但是我试图寻找一种更好的方法,无论是添加自定义绑定来通过数据绑定设置我的验证规则还是另一种方法,但仍然产生相同的结果(即当发生验证错误时触发 errorPlacement 并告诉 Qtip 显示给定元素的错误)。

现在,在我开始自己制作之前,我刚刚在网上查了一下,发现了Knockout Validation,我最初认为这是一个好主意,我可以将我的验证逻辑直接应用于我的 viewModel 中的数据,然后找到某种回调来让 Qtip 使用开始,但是似乎没有我可以找到记录的回调。该库似乎为事物的验证方面做了我想做的一切,而不是为事物的显示方面。我查看了源代码和示例,但除了 ko.validation.group(viewModel) 之外什么都看不到,这会给我一个包含错误的 observable,但我不确定我是否可以像以前一样使用它期待。

这是我当前验证如何发生的示例:

我目前确信我可以通过添加自定义绑定来消除对验证规则方法的需求,这样我就可以在数据绑定中设置验证,但是如果可能的话,我想使用与现有 Knockout 相同的回调方法-验证绑定。

0 投票
3 回答
20561 浏览

knockout.js - 使用淘汰赛验证插件的本机规则设置自定义错误消息

我正在使用 Asp.net MVC3 和 knockoutjs 库。我需要做一些客户端验证。我正在探索淘汰赛验证插件。

所以我在我的 js 代码中声明了以下 ko.observable 值:

这是我的观点部分:

当用户输入一些不是数字的值时,会显示错误消息:“请输入数字”。我可以显示不同的错误消息但仍使用本机规则吗?我不想为此编写自定义验证逻辑。对于一些工作示例的任何帮助将不胜感激。谢谢你!

0 投票
2 回答
9504 浏览

knockout.js - 如何验证数组?

我正在尝试使用淘汰赛验证库来验证对象数组。对我来说,如何为一组可观察对象形成一个验证组并不简单。我设法使它工作的唯一方法是这样的(包括 JSFIDDLE):

看来我的方法是不必要的冗长。根据源代码,您可以简单地将 observable 传递给 ko.validation.group:

但这不起作用。

0 投票
2 回答
1883 浏览

validation - 如何显式验证可观察到的 knockoutJs

我在这里使用 KnoockoutJS 和验证插件,https://github.com/ericmbarnard/Knockout-Validation

默认情况下,验证消息仅在字段被修改后出现。问题是当用户单击“保存”时,无论用户是否修改了字段,我都需要验证绑定的 observable。

我似乎无法在可观察到的情况下找到 .Validate()...

0 投票
1 回答
9273 浏览

javascript - KnockoutValidation 和条件要求规则

我正在尝试将KnockoutValidation与条件语句一起使用。请参见下面的代码:

不幸的是,这不起作用。我只想在有值的ConditionalField情况下才需要。transactionType'Option2'

将条件验证与 knockout.validation.js 一起使用的最佳方法是什么?

0 投票
1 回答
1372 浏览

knockout.js - 我如何让 KO 验证框架从头开始装饰?

请看这个简单的小提琴

http://jsfiddle.net/75qSD/

我希望它从一开始就将元素装饰为无效,就像现在你首先必须在文本框中写一些东西然后将其删除以显示验证

edti:我知道你可以通过代码来实现,你可以通过配置来实现吗?

0 投票
1 回答
1916 浏览

knockout.js - 淘汰赛验证 - 自定义扩展器上的深度组验证

我正在使用淘汰赛验证插件来验证我的模型。

我创建了一个淘汰赛扩展器,它允许我在额外的 observable 上验证用户输入,而不是直接在模型上验证。这个概念是避免在输入有效之前更改模型。想象一下,用户正在填充货币字段 - 他们在键入时可能会出错,并且该值将在 NaN 中解析,这将触发对计算出的 observables 等的更新。所以我只采用经过验证的值。

我的问题是我不知道如何让我的扩展器在淘汰赛验证中与深度组验证一起工作。我知道验证会遍历树,并且不会进入我的其他可观察对象。

为了证明我的问题,我模拟了一个快速的 jsfiddle:http: //jsfiddle.net/maciej/WtDRS/

我的扩展器叫做 myNumber。该扩展器稍后将演变为货币、日期、百分比扩展器等。

有任何想法吗?谢谢

0 投票
2 回答
1839 浏览

knockout.js - KnockoutJS 验证插件不显示错误消息


我尝试使用 KnockoutJs验证插件,但我遇到了问题。在从输入发布数据之前,我验证值,如果它正确,我发布它并将我的视图模型重置为默认状态,如果值不正确,我通过添加一些 css 类将输入包装到红色边框中(或添加错误消息)。问题是这只工作一次:在发布数据后我将我的视图模型重置为默认状态(正如我之前所说),输入字段变为空,如果我尝试发布这个空数据,验证有效,但 css 类没有t 应用(不出现错误消息)。请尝试我的小提琴示例,有什么问题?

* [更新]。

所以,我找到了解决方法:只需向 data-bind 属性添加额外的代码

它应该是

它有效,但看起来很糟糕。无论如何,如果有人可以修复我以前的代码,那就太好了。

0 投票
1 回答
12613 浏览

knockout.js - 使用 Knockout Validator 添加 CSS 类

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

然后我select是这样的:

我的closeComplaint功能如下所示:

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

问题是当我提交表单时,该类input-validation-error似乎没有添加到我的输入中?select有任何想法吗?