问题标签 [bootstrapvalidator]

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 投票
0 回答
180 浏览

twitter-bootstrap-3 - boostrapvalidator textarea 验证总是绿色

我有这个文本区域代码:

我有这个引导验证器的代码:

问题是,引导验证器始终是绿色的,即使 textarea 为空,为什么会发生这种情况?

干杯

0 投票
1 回答
50 浏览

twitter-bootstrap - 具有多种表单的同一页面上的 boostrap 验证器

我有一个包含 2 个表单“注册”类“sup”和“登录”类“si”的页面,我使用这些类来创建 boostrap 模式:

他们有一些共同的领域。用户名密码...

所以我加载了 scipts 来为它们中的每一个调用 bootstrapvalidator:

但它不起作用,只有第一个是验证,我的错误是什么?我该怎么做 ?谢谢

0 投票
1 回答
3261 浏览

javascript - Bootstrap 中的 FormValidation 不起作用

我正在制作登录和注册页面。我也在实施表单验证。我想做这样的事情 - 当页面首先加载LOGIN页面时activeREGISTER点击时然后注册页面获取active并显示表单。

我已经尝试过这样做jsfiddlejsfiddle link。我不知道为什么过渡效果不起作用。这只是一个简单的过渡panel-heading

HTML-

JS-

之后,我将专注于 REGISTER 表单的验证。相信我,注册表会在我的浏览器中打开我不知道为什么注册表不会在 jsfiddle 中打开!

请看它像这样的表格:

在此处输入图像描述

我的问题是验证不起作用,我不知道为什么。我查看了许多 Stack Overflow 链接(这个很有帮助),但现在没有任何帮助。

0 投票
0 回答
363 浏览

javascript - 验证错误后不允许使用 bootstrapvalidator 提交按钮

我正在使用 bootstrapValidator 运行表单。

如果我在仍然存在验证错误的情况下提交表单(例如,我忘记输入其中一个字段),即使我正确填写了所有表单字段,提交按钮也会保持“光标:不允许”样式它来自最初的提交:

谢谢,

大卫

编辑:我没有成功在小提琴上运行我的代码,但我能够找到问题:当我使用以下代码将值强制输入其中一个字段时(服务下拉调用函数来设置金额) ,金额字段仍然被视为无效(标签不会变为绿色),尽管可以提交表单: <script> function showAmount() { var amounts = { "service_a": "300", "service_b": "450", "service_c": "500", "other": "" }; var x = document.getElementById("service").value; document.getElementById("amountDiv").style.display = "block"; if (x != ''){ document.getElementById("amount").value = parseInt(amounts[x]); } else { document.getElementById("amount").value = ''; } } </script> 在我看来,一旦输入值,我需要手动对强制值运行验证......

关于是否以及如何完成的任何建议?

谢谢

0 投票
1 回答
4483 浏览

bootstrapvalidator - Google INVISIBLE reCaptcha + Bootstrap 验证器

我有一个带有Bootstrap 验证器的注册表单。我想在提交表单之前验证 google INVISIBLE reCaptcha(客户端)。有一些例子(在客户端验证后调用不可见的 reCAPTCHA 挑战)。我试图改变这部分:

这不起作用,我不知道这是否是正确的方法。请建议如何加入隐形 reCaptcha 和 Bootstrap 验证器。感谢您的帮助。

0 投票
1 回答
1384 浏览

jquery - $(...).bootstrapValidator 不是 Laravel 中的函数错误

我不断得到$(...).bootstrapValidator不是一个功能。在我的app.blade我包括:

在我register.blade的引导程序验证器中有一个脚本。

该函数在常规 php 代码中有效,当我尝试在 Laravel 项目中实现它时,我得到了这个错误。有什么建议么?

非常感激

0 投票
1 回答
1170 浏览

javascript - 如何使用引导验证器在输入上方显示错误

我正在为 bootstrap 3 使用 Bootstrap 验证器,并尝试在输入上方显示错误消息。

这是提供的 HTML 代码示例:

这工作正常,但我想显示这样的错误:

我在这里遗漏了什么,怎么做?

或者,是否有另一种方法可以使用 JavaScript 来完成此任务?(如果使用了第一个代码块,我可以像第二个代码的示例一样将错误移到输入上方吗?)

0 投票
1 回答
1611 浏览

twitter-bootstrap - 使用 bootstrapValidator 在按钮单击时禁用引导选择字段上的验证

我有一组按钮和一个引导选择字段,当单击前三个按钮时,选择字段被禁用,当单击第四个按钮时,它变为启用

按钮和选择字段是表单的一部分。单击前三个按钮之一时,如何禁用验证并隐藏选择字段上的验证消息?

这是 HTML,因此您可以了解它

0 投票
1 回答
1866 浏览

jquery - Validate an array of inputs bootstrap validator - Laravel 5.2

I have problems to validate in the client-side an array of inputs. Validations do not look right. I think I'm doing the right thing. I'm using the plugin bootstrap validator and laravel 5.2

client-side validation photo:

js code:

table view code:

Now It's validating but one tr only. When I add more tr it' not validating.

Error tr

0 投票
0 回答
300 浏览

jquery - 将 Jquery 字段值传递到 Bootstrap Validator

在将 Jquery 变量调用到 Bootstrap 验证器时面临问题。声明了一个变量 tempValue 以及在我的自定义函数中使用该变量的语法 2