问题标签 [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.
css - FormValidation / formvalidation.io Bootstrap 插件在样式更改时错误放置验证图标
这是FormValidation包中的错误还是我遗漏了什么?
当我测试一个标准的、普通的、开箱即用的 Bootstrap 页面(比如此页面中的“堆叠表单”示例)时,表单会验证并正确放置其图标。
但如果我做任何其他事情,请说将一个项目附加到输入组:
然后图标放错了:
如果我更改字体大小或完全调整标签,情况只会变得更糟:
如果你有 FormValidation 包,你可以使用这个 fiddle作为起点来自己测试它。
这又是FormValidation / formvalidation.io 包中的一个错误,还是我遗漏了什么?
plugins - FormValidation 的 FieldStatus 插件不起作用?
我获得了FormValidation 包的许可证,用于对表单进行客户端验证。它运作良好,但现在我遇到了麻烦。
一旦表单的字段有效,我想计算表单的“分数”。
如果我理解正确,这里提供的示例似乎正是我想要的:在用户输入它们时悄悄地确定所有字段是否有效。如果为真,我会计算分数,如下所示:
问题是,即使在它自己的演示页面上,该示例也没有做它所宣传的事情:即使没有填写任何字段,也启用了提交按钮。
这是坏了还是我错过了一些非常基本的东西?
javascript - 当我使用两种表单时,Formvalidation.io 不起作用
我正在使用Formvalidation来验证我的表单。当我使用一种表单时,一切都很好,并且可以正常工作,但是我想在一个文件中初始化两个表单,但它不再起作用了。这是我的代码:
此代码不起作用,但是当我对此部分发表评论时,它将适用于第二种形式:
javascript - formvalidation.io 和触发器插件上的阈值选项存在问题
我对触发器插件的阈值选项有疑问...基本上我有很大的表单要验证,并且只想在一个或两个字段上使用此触发器阈值选项。我的问题是,似乎使用此阈值选项删除了其他字段上的事件侦听器。
例如:
在这里,我可以看到阈值在标题字段上运行良好,但验证不再在其他两个字段上更新......
我错过了什么?
javascript - 如何使用 formvalidation.io 和多种语言在多选(selectpicker)中显示默认验证消息
目标
以各种语言显示多选字段(使用 selectpicker 样式)的默认错误消息。
描述
我有一个多步骤向导,想使用formvalidation.io JS 插件验证多选下拉菜单。我不知道如何使它工作,显示来自相应语言文件(en_US.js
, de_DE.js
)的默认消息。
我不明白的是如何使用默认错误消息进行来自 formvalidation.io 的选择验证。单语言的文档在这里,但我不知道如何使它适用于多种语言。
JS代码
HTML 代码
...当然在底部是 JS 脚本
vue.js - vuejs + metronic + formValidation
我根本无法提交表单来触发任何事件。使用使用 FormValidation.io 插件的 metronic vue 模板
这是我的标记:
这是JS:
在点击提交按钮时,没有任何反应。似乎 Metronic 在官方 Vue 演示中也有同样的问题
jquery - 如何根据选择框的值制作所需的元素?表单验证.io
我有以下代码:
我想验证 terceros_dos 字段(选择框),如果选择“MX”值,则需要 terceros_nombre 字段,否则不需要。
我已经尝试了各种方式,但没有运气,现在我遇到了另一个问题,最后一步没有像其他四个一样得到验证。
仅供参考:我阅读了以下教程https://formvalidation.io/guide/examples/enabling-validators-on-the-fly但我仍然迷路了。
有什么线索吗?谢谢你的帮助。
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
目录中的任何错误关闭?
javascript - FormValidation JavaScript 变量范围和可访问性
以下 JavaScript 给出了抛出错误Uncaught TypeError: Cannot read properties of undefined (reading 'setAttribute')
和未定义this.valid_form_submit_btn
的控制台日志,但此函数之外的相同变量是可访问的。
表单验证.js
如何将变量传递给 onStatusChanged 函数?
angular - 只有一个提交的表单验证在 Angular js 中工作
我正在使用 MEAN 堆栈创建登录和注册页面。我的注册表单验证不起作用。只有第一个在工作;其余字段没有显示任何内容。除此之外,当表单提交时,数据被传递到数据库,但它没有显示成功消息
这是我的代码
register.component.html
注册组件.ts
如果您对此验证和成功消息有什么问题,有人可以告诉我吗?