问题标签 [jqbootstrapvalidation]

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 回答
985 浏览

php - 如何使用 Laravel 验证在 Bootstrap 验证器中创建 Ajax 请求?

我正在使用引导验证器创建一个表单。我正在使用引导验证器(客户端)和 laravel 验证(服务器)执行验证。我的问题是我想向 laravel 执行 ajax 请求以检查用户名的可用性。

在 laravel 中,我们有这种类型的验证:

检查用户名的可用性。现在我想在引导验证器中包含这种类型的检查。

我怎样才能做到这一点?我是否需要为此类检查创建自定义助手?或者我可以将 laravel 的验证与此集成吗?

0 投票
2 回答
6386 浏览

javascript - Bootstrap Validator - 将所有输入字段值发送到远程 PHP 文件

我想知道是否有一种方法可以使用 Bootstrap Validator 将我的所有输入字段值发送到远程 PHP 文件。

为了解释,我在登录表单中有两个输入字段。我在两个输入字段上都使用了 Bootstrap Validator 的远程验证。$_POST每个验证只发送请求的输入字段的值,并且无法通过PHP 后端访问其他输入字段。

我知道我可以使用 data 选项将数据发送到 PHP 后端,但我不确定如果我要在该部分中发送不同输入字段的值,格式会如何进行。

这是一个编码示例。

该编码示例是解决我的问题并将两个输入字段值提交到后端的一种方法。如果有人用这种方法解决我的问题,或者我可以将所有输入字段值提供给后端的另一种方法,请告诉我。

预先感谢您提供的任何帮助。

0 投票
2 回答
11713 浏览

jquery - Bootstrap Validator - 成功验证警报

我正在使用Bootstrap Validator插件来验证我的表单,并且我正在尝试在表单成功验证时发出警报。

HTML

JS

我已经根据这个https://github.com/nghuuphuoc/bootstrapvalidator/issues/195尝试过这个

我的表单正在验证,但它没有提醒成功消息。我怎样才能正确地提醒它?

0 投票
1 回答
31295 浏览

twitter-bootstrap - 选择字段的引导验证器

尝试要求两个下拉选择框在启用单击提交之前都有一个选择的选项。缺少什么不允许插件检查验证?

形式:

引导验证器:

0 投票
0 回答
3716 浏览

jquery - 即使存在验证错误,Bootstrap Validator 也会提交表单

我有以下图片,您可以在我提交表单后清楚地看到该字段是必需的。 在此处输入图像描述

但是,提交表单后,它会继续处理 JS 中的按钮单击事件,而不是停止表单提交。

BootStrap Validator 我在这里缺少什么,如果出现验证错误,我可以阻止提交表单?

这是我的 HTML5 MasterPage 相关部分

这是我的 JS,它被初始化,但是在运行时,我收到评论中所述的错误:

这是我的 HTML5

编辑 - 使用 BootstrapValidator

母版页

HTML

JS

请注意,此函数中的代码在 onDocumentReady 事件上执行。我看到它在页面完成加载时被执行。

0 投票
2 回答
960 浏览

javascript - Ajax 表单 - 从同一页面上的所有表单提交

我在同一页面上有一个包含两个表单的页面。这两种形式是基于视口显示的(响应式设计/媒体查询 css)。

在页面上,我使用bootstrapvalidator来验证字段,并使用 Ajax 来提交表单而无需重新加载浏览器。由于 bootstrapvalidator,Ajax 代码看起来像这样 - 一个针对所有表单的代码:

看起来,这段代码的问题在于代码将发送两封邮件,一封用于可见表单,另一封用于隐藏的移动/标签表单 - 实际上两种表单都会显示成功消息(当我调整浏览器的大小以同时定位桌面和移动/平板电脑,我可以看到这两种形式的成功消息)。首先我认为是因为有问题e.preventDefault();,然后我认为问题是由提交按钮的提交名称/ID 上的名称冲突引起的。但现在我很确定这与同一页面上存在两个表单有关 - 因为我现在设法解决整个问题的唯一方法是完全删除其中一个表单,这真的不是解决方案!

我的表单看起来像这样,具有不同的表单 id (html5form/html5formmob) 和输入提交 id (mob/desk):

所以我的问题是,有没有办法使用 CSS 或 JS 禁用/启用整个表单?..这可能是一个解决方案,还是您有其他建议?

0 投票
6 回答
19104 浏览

twitter-bootstrap - 模式的引导验证器不会重置表单

我在模态中为我的表单使用引导验证器。验证器在后续表单访问中保留。例如,如果执行以下操作

  1. 访问表单输入一些有效值并提交表单。
  2. 再次访问表单,该字段的颜色仍然保持绿色,因为我在之前的表单提交中输入了一个有效条目

    /li>
0 投票
1 回答
52 浏览

javascript - 每个文件中的代码都在工作,但记录条目在每个表中重复两次

验证过程是正确的,数据条目也正在发生,但在表单提交的瞬间,记录会在每个表中插入两次。

lib_book_reg.js Javascript 代码

lib_book_reg.php PHP 代码

0 投票
1 回答
4999 浏览

jquery - 使用 onClick 和 Onchange 进行 Fire Bootstrap 验证

我在 laravel 中使用 Bootstrap 验证时遇到问题。我有一个应该是数字的输入字段,并且必须大于某个值,第二件事是我的输入字段也可以通过下拉更改选项进行更改。单击提交按钮后它工作正常。但是当我从下拉列表中更改选项时,提交按钮仍然无法单击,这意味着它仍然禁用。我的代码是

更新输入值后,我还添加了这一行

但验证仅在单击提交按钮后第一次起作用。有人可以告诉我哪里错了。提前致谢。

0 投票
1 回答
318 浏览

jqbootstrapvalidation - 在 Twitter 引导向导中使用 bootstrapValidator

如何使用 bootstrapValidator 在 onNext 事件上验证 Twitter Bootstrap Wizard 表单?