问题标签 [formvalidation.io]

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 投票
1 回答
66 浏览

css - FormValidation / formvalidation.io Bootstrap 插件在样式更改时错误放置验证图标

这是FormValidation包中的错误还是我遗漏了什么?

当我测试一个标准的、普通的、开箱即用的 Bootstrap 页面(比如此页面中的“堆叠表单”示例)时,表单会验证并正确放置其图标。

在此处输入图像描述

但如果我做任何其他事情,请说将一个项目附加到输入组:

然后图标放错了:

在此处输入图像描述

如果我更改字体大小或完全调整标签,情况只会变得更糟:

在此处输入图像描述

如果你有 FormValidation 包,你可以使用这个 fiddle作为起点来自己测试它。

这又是FormValidation / formvalidation.io 包中的一个错误,还是我遗漏了什么?

0 投票
0 回答
29 浏览

plugins - FormValidation 的 FieldStatus 插件不起作用?

我获得了FormValidation 包的许可证,用于对表单进行客户端验证。它运作良好,但现在我遇到了麻烦。

一旦表单的字段有效,我想计算表单的“分数”。

如果我理解正确,这里提供的示例似乎正是我想要的:在用户输入它们时悄悄地确定所有字段是否有效。如果为真,我会计算分数,如下所示:

问题是,即使在它自己的演示页面上,该示例也没有做它所宣传的事情:即使没有填写任何字段,也启用了提交按钮。

这是坏了还是我错过了一些非常基本的东西?

0 投票
0 回答
39 浏览

javascript - 当我使用两种表单时,Formvalidation.io 不起作用

我正在使用Formvalidation来验证我的表单。当我使用一种表单时,一切都很好,并且可以正常工作,但是我想在一个文件中初始化两个表单,但它不再起作用了。这是我的代码:

此代码不起作用,但是当我对此部分发表评论时,它将适用于第二种形式:

0 投票
0 回答
69 浏览

javascript - formvalidation.io 和触发器插件上的阈值选项存在问题

我对触发器插件的阈值选项有疑问...基本上我有很大的表单要验证,并且只想在一个或两个字段上使用此触发器阈值选项。我的问题是,似乎使用此阈值选项删除了其他字段上的事件侦听器。

例如:

在这里,我可以看到阈值在标题字段上运行良好,但验证不再在其他两个字段上更新......

我错过了什么?

0 投票
1 回答
89 浏览

javascript - 如何使用 formvalidation.io 和多​​种语言在多选(selectpicker)中显示默认验证消息

目标
以各种语言显示多选字段(使用 selectpicker 样式)的默认错误消息。

描述
我有一个多步骤向导,想使用formvalidation.io JS 插件验证多选下拉菜单。我不知道如何使它工作,显示来自相应语言文件(en_US.js, de_DE.js)的默认消息。
我不明白的是如何使用默认错误消息进行来自 formvalidation.io 的选择验证。单语言的文档在这里,但我不知道如何使它适用于多种语言。

JS代码

HTML 代码

...当然在底部是 JS 脚本

0 投票
0 回答
107 浏览

vue.js - vuejs + metronic + formValidation

我根本无法提交表单来触发任何事件。使用使用 FormValidation.io 插件的 metronic vue 模板

这是我的标记:

这是JS:

在点击提交按钮时,没有任何反应。似乎 Metronic 在官方 Vue 演示中也有同样的问题

0 投票
0 回答
80 浏览

jquery - 如何根据选择框的值制作所需的元素?表单验证.io

我有以下代码:

我想验证 terceros_dos 字段(选择框),如果选择“MX”值,则需要 terceros_nombre 字段,否则不需要。

我已经尝试了各种方式,但没有运气,现在我遇到了另一个问题,最后一步没有像其他四个一样得到验证。

仅供参考:我阅读了以下教程https://formvalidation.io/guide/examples/enabling-validators-on-the-fly但我仍然迷路了。

有什么线索吗?谢谢你的帮助。

0 投票
0 回答
41 浏览

typescript - 在 ES6 版本中使用带有 Typescript 的 formvalidation.io 包

我正在使用formvalidation来自 formvalidation.io 的包,它不是通过 npm 安装的,并且遵循非标准文件结构(source):

我试图让它与完整的 TypeScript 支持一起工作,但我遇到了一些问题:

导入(缩小)js 文件,这是目前我发现的最好的方法。我只是import "../../vendor/formvalidation-v1.8.1/dist/js/FormValidation.min"用来加载已经缩小的版本。我的 IDE 立即获取定义的类型,并且完整的语法完成正在工作。但它比直接导入 ES6 模块要大一些。所以我尝试了:

这也适用于较小的更改:我必须更改FormValidation.formValidation()formValidation(). 我怀疑这就是为什么 TS 现在将所有内容都显示为any-typed 的原因:TS 定义都适用于FormValidation命名空间。

我也尝试src/*.ts直接导入文件,但 TS 编译器发现代码中有错误,我根本无法编译(我的tsconfig似乎比库作者使用的更严格)

是否可以将 ES6 版本的代码与 TypeScript 定义一起使用,或者让编译器对formvalidation-v1.8.1/src目录中的任何错误关闭?

0 投票
1 回答
57 浏览

javascript - FormValidation JavaScript 变量范围和可访问性

以下 JavaScript 给出了抛出错误Uncaught TypeError: Cannot read properties of undefined (reading 'setAttribute')未定义this.valid_form_submit_btn的控制台日志,但此函数之外的相同变量是可访问的。

表单验证.js

如何将变量传递给 onStatusChanged 函数?

0 投票
0 回答
19 浏览

angular - 只有一个提交的表单验证在 Angular js 中工作

我正在使用 MEAN 堆栈创建登录和注册页面。我的注册表单验证不起作用。只有第一个在工作;其余字段没有显示任何内容。除此之外,当表单提交时,数据被传递到数据库,但它没有显示成功消息

这是我的代码

register.component.html

注册组件.ts

如果您对此验证和成功消息有什么问题,有人可以告诉我吗?