问题标签 [bootstrap-form-helper]

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 投票
2 回答
1134 浏览

angularjs - 为什么 angularJS 的 ui-view 会破坏 Bootstrap Formhelper

我正在将 Angular JS 用于多页注册站点。(有了这个很棒的教程:http ://scotch.io/tutorials/javascript/angularjs-multi-step-form-using-ui-router )

我现在想在其中一个页面(http://bootstrapformhelpers.com/country/#jquery-plugins)中使用 Bootstrap Formhelper 国家选择器,如下所示:

但它不起作用。国家选择器不显示(高度:0)。

如果我将国家/地区选择器放在 de ui-view div 之外,则选择器可以工作。但我想把它放在 ui-view div 中:

出于某种原因,angularJS 指令 ui-view 正在破坏国家/地区选择器。

有谁知道为什么会这样?

最好的问候亚尼克

编辑:

我的进口:

编辑2:

我现在使用指令进行初始化。奇怪的想法是这段代码有效:

但是这段代码不起作用:

实际上,这些只是 Bootstrap Formhelper 的不同示例(请参阅顶部的链接)

第一个是 3.example 第二个不起作用的代码来自我喜欢的 4.Example。

谁能告诉我为什么这不适用于 4.Example?

0 投票
0 回答
1161 浏览

jquery - bootstrap-formhelpers 将不起作用

我无法让 bootstrap-formhelpers 正常工作。我有 bootstrap-formhelpers.js 和 bootstrap-formhelpers.css 文件。有人看到任何原因吗?我想不通

0 投票
0 回答
731 浏览

javascript - 引导表单助手电话输入转换器不起作用

我的例子如下

我读了这个引导表单助手电话不会工作,但信息不够

帮我。

0 投票
1 回答
1034 浏览

jquery - 如何验证 Bootstrap 表单助手 DatePicker 是必需的还是非空的?

我尝试使用 data-bv-notempty 属性但没有成功。下面的代码示例:

第一个字段 user_name 通过属性 data-bv-notempty 成功验证,但不是 date_entry 字段。有什么建议吗?

更新

发现了一些奇怪的东西。我将data-bv-field='date_entry'属性添加到bfh-datepickerdiv。现在,如果首先选择了一个日期并执行了验证,则它通过了验证。另一方面,如果先执行验证,验证失败,并在验证失败后输入日期,则红十字会保留,验证仍然不通过。奇怪。

0 投票
1 回答
2339 浏览

javascript - Bootstrap Form Helper State Picker Based on Country

I have the bootstrap Country picker working (using a div tag instead of the select tag provided on their website). However, I can't get the state picker to show state options based on country selected.

Here are the files I have linked:

and here is the code for both the countries and states.

As I said, the countries work fine but the states do not populate anything and I need them to populate in relation to the country selected.

Any help is appreciated!

0 投票
4 回答
1040 浏览

ruby-on-rails - Rails Bootstrap_form - 单选按钮未在显示页面中呈现标签名称

我有一个用 ruby​​ 的 bootstrap_form gem 构建的表单。在表单中我有一些单选按钮。表单在表单的编辑页面中使用正确的标签完美呈现,但是一旦我保存表单并转到“显示”页面查看结果,单选按钮的输入仅显示单选按钮的值(这是数字)而不是我分配的自定义标签名称。如何使自定义标签出现而不是显示页面中的值?

这是我的代码:

_form.html.erb:

显示.html.erb

我在这里先向您的帮助表示感谢!

更新:-

新表格代码:-

尝试了这个建议,但仍然遇到同样的问题,只有单选按钮不再对齐并且格式不正确。

0 投票
2 回答
2587 浏览

html - 引导表单组,混合内联和水平样式

我想创建一个这样的表单布局:

每个标签都必须包装在与其输入字段相同的“表单组”中。

这种风格混合了form-inline和form-horizo​​ntal,我应该如何实现呢?

0 投票
2 回答
813 浏览

forms - 引导对话框提示(表单)不起作用

你们能帮帮我吗?我正在使用boostrap ..我在对话框提示中制作登录表单,但它不起作用..

这是链接

这是对话提示的编码

当我单击登录链接时,它只会刷新页面,链接将从 localhost/signup.php 更改为 localhost/signup.php#login

请帮我。

0 投票
1 回答
4047 浏览

ruby-on-rails - 如何在 Rails 上以引导形式使用日期选择器

我用rails-bootstrap-formsgem 在铁路应用程序中创建表单。在表格中,我有一个日期输入:

<%= f.date_select :end_date, hide_label: true %>

我想在bootstrap-datepicker-railsgem 中使用日期选择器,它举了一个例子:

或者

我遵循了这个答案并更改了我的代码,但它没有用:

然后,我按照 bootstrap_form 中的描述进行操作:

如果要向表单组 div 添加额外的 css 类或任何其他属性,可以使用 wrapper: { class: 'additional-class', data: { foo: 'bar' } } 选项。

并将我的代码更改为:

它也没有奏效。那么如何解决这个问题呢?谢谢。

0 投票
0 回答
683 浏览

javascript - BFH Datepicker,更改一周的第一天

我正在尝试这个没有结果:bootstrap-formhelpers-datepicker.es_ES.js

和:

但星期天还是第一天,

也试过了,这样:

知道我错过了什么吗?

-编辑-

这就是 bfh-datepicker.js 的结束

编辑:jsfiddle复制它