问题标签 [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 回答
329 浏览

bootstrap-select - 带有引导选择的 FormValidation.io

我正在使用 Boost strap 4 和 bootstrap select jQuery 插件。

我试图将 FormValidation.io 与我的表单集成。我已经使用普通输入字段进行了所有工作,但无法弄清楚如何将其与选择字段集成。

我希望它是一个必填字段,并在做出选择后显示勾号图标。

我的 FormValidation.io 代码:

我的表单 ID 是“mydropzone”,我的选择名称和 ID 是“roleId”

任何帮助表示赞赏。

0 投票
0 回答
104 浏览

html - Form Validation.io 不适用于标准 html 和 css 项目

我已经在 VS 代码中启动了一个新的空白 HTML、CSS 和 Bootstrap 项目,并且我添加了 FormValidation.io 但由于某种原因它没有在晚上启动,我所做的只是以他们的主要示例为例,有人知道为什么吗?这需要是框架(反应,vue)的一部分,还是我只是错过了一些东西?但是当我点击提交按钮时没有任何反应

0 投票
0 回答
82 浏览

formvalidation.io - formvalidation.io HTML5 验证器不工作

我正在尝试设置一个包含一些文件上传和日期的表单。但似乎我错过了一些东西或缺少他的 DeclarativPlugin - 必需的文本字段或 NotEmpty-Validators 工作,但不是 DateInputs 或 FileSize Validators....

我在 1.6.0 版中使用带有纯 Javascript 的 formvalidation.io

甚至日期

这是我的 Javascript

0 投票
0 回答
68 浏览

reactjs - Formik Validation in React to add new initialValues while typing in field

I want to do the validation of form in my react application with Formik. I have the fields firstName, lastname, email, phone, address, hobbies. for firstName & lastName (both are required fields) intial values are

for rest of the fields (optional fields), initial values are

Note:- isPublic is a flag for the toggle button to show the field information to other users. So after filling the phone number, address, hobbies, the value should be like this

How can we get this formik value on click of submit button to send these data to API.

0 投票
1 回答
63 浏览

javascript - 关于 JavaScript 中电话号码的表单验证问题

我需要在 JavaScript 中验证一个表单,其中用户提供的电话号码采用以下两种格式,或者(###)###-####不同(###) ###-####的是). 为什么?我不知道。这对我来说毫无意义,任何电话号码都不应该在美国看起来像这样,就我的目的而言,它会是这样。

无论如何,我目前使用的代码如下所示:

这将确保电话号码的格式为:###-###-####.

0 投票
1 回答
91 浏览

php - 表单验证在引导程序中不起作用

我的引导模式有一个“小”问题。我正在将在 temp.php 文件中创建的表单加载到 myModal 中。然后我尝试使用 AJAX 将此表单发送到 save.php 文件。一切正常,但表单验证不起作用(在提交表单之前未检查是否为空)。如果我在模态正文中对我的表单进行硬编码,那么一切正常。仅当我从外部 .php 文件加载此表单时才会出现此问题...任何建议如何使表单验证以正确的方式工作?提前致谢!

我的 index.php 文件:

这是我的 temp.php 文件:

0 投票
1 回答
335 浏览

vue.js - Vuejs - 如何在单个表单中仅提交可见元素(使用 Vuelidate)

我有一个表单,其中包含一些隐藏和可见的元素,我想提交一些元素而不验证隐藏的元素。在我的表单顶部有三个单选按钮,它们控制我的表单元素。When radiobutton1selected, some of my form elements become visible and when another radio button is selected, there are some other form elements are visible and some of them are hidden. 我的问题是,如果只有它们可见,我将如何提交我的表单元素?所有的输入都应该是一个单一的形式,所以我不能将它们分成不同的形式或不同的组件。我需要做的是当我点击submit我的表单按钮,表单应该只提交可见元素,它不应该给我发送任何错误,因为我将一些输入留空(隐藏的)。

我也使用 Vuedalite,所以我不知道如何处理这个问题。表单中的所有输入字段都有required规则,但此规则应处于活动状态ONLY IF THEY ARE VISIBLE.

这是一个小代码。

我想要做的是当用户选择Name radio button表单的唯一名称字段将可见并且姓氏将被隐藏时,我已经做到了,没问题。但是,当 surname 仍然为空且具有所需规则时,如何仅提交 name 字段?

0 投票
0 回答
140 浏览

javascript - 为什么 formvalidation.io 插件不适用于 Vue 3?

我在我的 Vue 2 应用程序中使用了带有 Option API 的 formvalidation.io 插件,但后来我将 Vue 版本更新为 3 并开始使用 Composition API,但它不再工作了。

这是我导入 formvalidation.io 插件的方式。

然后在我的setup()函数中,我正在创建一个验证实例。

我使用它的方式与官方文档中显示的方式相同: https ://formvalidation.io/guide/examples/integrating-with-vue

当我打开应用程序时,我在浏览器控制台中收到此错误。

我猜 formValidation.io 不支持 vue3,但我没有找到任何有关它的信息。

你能帮我吗?

0 投票
0 回答
62 浏览

javascript - 使用 formvalidation.IO,我如何使用声明性插件验证增值税号/ID?

我正在使用 FormValidation.io 来验证输入...我想使用声明性插件来验证表单,以便我可以让我的模板引擎处理 (PHP) 验证失败后显示的消息的翻译。
我可以使用require,max_length和其他常规 HTML5 属性,但我似乎无法弄清楚如何以相同的方式使用其他插件。

我查看了https://formvalidation.io/guide/validators/vat#options中的文档,并执行了以下操作:

在我的脚本文件中:

这仅验证 require 条件。

你能帮助我或指导我正确的方向吗?我很确定我只是缺少一些简单的东西。谢谢你,很抱歉代码格式不正确。

0 投票
0 回答
37 浏览

javascript - 使用 formvalidation.io 时 JsonRespone() 在 django 中不起作用

我正在使用formvaladation.io进行 HTML 表单验证,当我按下提交按钮数据成功插入数据库时​​,我使用 ajax 保存数据,但是 JsonResponse()将 {'saved':1}之类的字典打印到网页而不是提供 javascript警报,然后我发现这件事发生是因为我使用了 formvalidation.io,当我不使用表单验证时,它工作正常并且 JsonResponse 将数据返回给 ajax 成功函数并在页面中提供 javascript 警报。

所以我认为表单验证javascript文件中有一些错误,我请求你在我的代码中提供进一步的帮助。

文件

来自 HTML 文件的 Ajax 调用

患者验证.js 文件

视图.py 文件