问题标签 [react-bootstrap-form]

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

reactjs - React JS - 使用数学逻辑的引导表单验证

我有一个带有两个输入 ValA 和 ValB 的 react bootstrap 表单(下面的代码)

我想检查 valB<valA 如果不是,那么我想用红色突出显示,如果是这样,则不允许用户按下提交按钮/将其变灰

我怎样才能做到这一点?

0 投票
0 回答
143 浏览

react-bootstrap-form - 在 react-bootstrap 日期选择器中设置开始日期

我正在使用 react-bootstrap,我想将开始日期设置为今天的日期,因此禁用以前的日期。这是我使用 react-bootstrap 实现 datepicker 的代码。

如果我在 Form.Control 中使用 startdate 属性,它将不起作用。在这种情况下如何实现 startdate?

0 投票
1 回答
169 浏览

css - 在 ReactJS 中使用 Bootstrap 创建块按钮

我想创建跨越整个 div 的简单块按钮。我正在使用 react-bootstrap 包在 React 中执行此操作。这是我正在使用的代码:-

但是,创建的结果按钮不是块类型。这是生成的输出:- 在此处输入图像描述

该按钮的宽度应与上面的文本区域相同。如何创建此块按钮?

0 投票
2 回答
67 浏览

javascript - 提交后重置反应引导程序的表单

Form提交后重置我的问题。我试图做类似的事情 document.getElementById("formularz").reset(),但它不起作用,也没有做handleOnSubmit类似的事情结束:event.target.title=""。它确实会重置字段,但是当我开始编写新数据时,突然在每个输入中都会显示上一次提交的数据。

我的组件:

0 投票
1 回答
174 浏览

reactjs - 如何获取 React-bootstrap 复选框的当前状态?(无论是否签到)

我正在使用React Bootstrap Check Form。我正在使用表单复选框来捕获输入值。我想在反应状态变量中获取有关复选框的信息。我希望e.target.valueofonClick将打印复选框的当前状态,即它是打开还是关闭(无论是否选中)。但这不会发生。当我多次切换复选框按钮时,即使复选框已关闭,其值e.target.value仍保持为。on

如何在 React 端逻辑中获取复选框是否被选中的状态?

0 投票
1 回答
154 浏览

javascript - 将 react-bootstrap 复选框设置为取消选中状态

我是新手react,我无法弄清楚如何重置复选框以取消选中重置时的统计信息。我已经使用react-bootstrap form并且需要在单击按钮时将复选框重置为默认状态。

0 投票
0 回答
31 浏览

reactjs - 受控单选按钮 - React,React-Bootstrap

我将 React 与 React-Bootstrap 一起使用。

如果选中,我想通过给它们一个选中的道具来控制单选按钮。

我正在寻找解决方案,我认为它应该是这样的属性,但“this”并不是指按钮值。

感谢您的帮助,对我的问题或代码的任何反馈都会有所帮助。

0 投票
0 回答
84 浏览

reactjs - 使用 react-bootstrap 自定义表单验证

我正在尝试弄清楚如何将自定义验证消息添加到我的表单

我的代码看起来像这样

请注意Please enter the company name,如果有任何验证错误,我会发出一条通用消息。但是,如果该字段为空白而不是用户输入内容但不够长,因为最小长度为 5,我希望得到不同的消息。

我还有另一种情况,用户输入他的电子邮件两次,我比较以确保它们是相同的。

我已经阅读过,setCustomValidity但我不知道如何获取它存储的消息。我尝试了一些我在网上找到的东西。理想情况下,我希望能够有这样的逻辑:

或者像这样

如何使错误消息更加动态?

0 投票
0 回答
27 浏览

reactjs - 如何处理 Formik 中的对象的 error.touched 和错误

我有一个对象,我将它与 Formik 集成到一个表单中

当我创建 formik.group 时,我遇到了值控制的问题。

如果我添加isInvalid我最终会出现错误:

类型“false”上不存在属性“line2”。

如果我删除isInvalid,则修改文本字段没有问题。

如何将对象集成到 isInvalid 控件中?如果你有一个想法?

0 投票
2 回答
95 浏览

css - 在反应引导程序中更改浮动形式的边框颜色

我怎样才能改变那个蓝色边框的颜色?(反应引导)

在此处输入图像描述