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

twitter-bootstrap - 使用 Bootstrap 文件输入时如何防止表单提交

我正在使用这个Bootstrap 函数来上传图像。我下面的例子是数字 1。

我添加了data-用于验证上传图像的属性(例如,如果选择的图像超过了允许的高度)。

一切正常,如果检测到错误,错误会显示在页面上,如您在此处看到的:在此处输入图像描述

现在,我的问题是:如果我的输入文件字段有错误,如何防止提交表单?

我尝试了类似下面的代码,但验证器似乎无法识别输入文件字段中存在错误。 重要提示:验证器识别出其他“boostrap”错误,例如data-minlength并正确阻止提交表单

先感谢您

0 投票
2 回答
55 浏览

javascript - 为什么 jQuery 不能通过 PHP 处理打印元素?

我尝试对通过 PHP 打印的 HTML 元素进行验证,但它不起作用,但是当我在没有 PHP 的情况下放置相同的 HTML 时它确实起作用。

下面是通过 AJAX 打印实际数据的 HTML:

这是 AJAX:

这是通过 Ajax 回显的实际数据:

这是FormValidation的代码:

0 投票
1 回答
704 浏览

angularjs - AngularJS submit button active when all input have a data

I have form with input fields, radio buttons, select boxes. Need submit button make active after when all fields have a data. example my fields and button.

and code button

and need same for clear button, clear all input fields.

0 投票
0 回答
421 浏览

bootstrap-select - FormValidation 添加动态字段创建双引导选择

我正在使用 formValidation 插件并使用它添加动态字段。

现在,当我单击添加时,引导选择被刷新,但它不断添加两个选择下拉列表。

在此处输入图像描述

如果有人能指出我正确的方向,那会很有帮助!

JS

这是我用来克隆的模板和容器

0 投票
1 回答
2424 浏览

javascript - 表单验证不适用于 Bootstrap 验证器

我正在使用 Bootstrap 验证器来确保在提交表单时填写所有字段。但是我的验证器没有按预期工作!

这是 JSFiddle:http: //jsfiddle.net/3v3011e0/

如果您使用它并提交所有字段为空的表单,并将其中一个更改为非空,则所有字段都变为绿色。这不应该发生。只有正常工作的字段才应该是绿色的。如图所示,用户名和密码为空,但显示为绿色。此外,该图标仅显示用户名。我该如何解决?

在此处输入图像描述

HTML

Javascript

0 投票
1 回答
1356 浏览

javascript - BootstrapValidator 验证具有相同名称的多个文本字段

我被困在这里,我正在尝试验证具有相同名称的多个文本字段,但它仅验证第一个输入文本,其余的没有显示。

js

键入时如何独立验证每个字段?

0 投票
0 回答
1309 浏览

javascript - Bootstrap Validator - 两个字段,只需要填写一个

我正在为 Bootstrap 3 使用这个验证器:http: //1000hz.github.io/bootstrap-validator

我有两个领域

只需要填写一个,有什么想法吗?

谢谢。

0 投票
0 回答
2321 浏览

twitter-bootstrap - 引导验证不起作用 - 简单的形式

我有一个简单的表单,我想使用 Bootstrap 验证。我包括了所有要求(jquery.js、bootstrap.js、bootstrap.min.js、bootstrap.css、bootstrap.min.css、bootstrapValidator.js、bootstrapValidator.css):

我的简单表格:

我的脚本:

通过空白字段,单击submit按钮后,表单将do.php存档。

更新

0 投票
1 回答
1340 浏览

jquery - Bootstrap 和 Bootstrapvalidator:成功验证后如何显示成功警报?

我正在使用 bootstrap 和 bootstrapvalidator 来验证我的表单。一切正常,但现在我想显示一个警报,消息已成功发送(或重定向到 success.html 页面)。下面以html代码为例:

HTML:

这是验证 jquery 代码的片段:

查询:

对我有用的是隐藏警报并在单击按钮后显示:

查询:

现在我想让警报显示,如果验证中的所有内容都是绿色的。甚至 $.post 方法也只有在验证成功后才起作用。如何使用警报消息实现相同的效果?提前致谢!

0 投票
3 回答
749 浏览

php - Jquery post方法和成功后重定向

我正在尝试使用 jquery 制作发布方法。我正在以一种形式使用它,并使用 bootstravalidator 来验证它。成功验证后,表单被发布并且 php 开始运行。现在我试图在成功发布后重定向到另一个页面。这是代码:

我尝试了几次,但无法window.location.href = "index.html";正确获得。即使验证错误,表单也会被重定向,或者根本没有任何反应......

我觉得很奇怪,因为'php/text.php', $('form#order').serialize()'只有在验证正确的情况下才会生效......

编辑:

我也在使用 bootstrapvalidator 来验证表单。验证工作完美,如果一切正常,则执行 post 方法。

引导验证器:

编辑2:

HTML: