Stack Overflow
Stack Overflow

Questions tagged [react-bootstrap-form]

11 questions
1
vote
0 answers

Yup's notRequired is not working on radio and urls

I am creating a form using react-bootstrap, react-hook-form, and yup for validation. I have several fields that are not required like url and radio. I have used a custom regex instead of yup's url() as it is really strict, for example not accepting…
miserylord
  • 300
  • 2
  • 15
1
vote
0 answers

Why does react-bootstrap FormGroup component make all child FormControl component uppercase by default?

I created a component called InputField.js import React, {Component} from 'react'; import {FormGroup, FormControl} from 'react-bootstrap'; export class InputField extends Component { render() { return ( …
acon24
  • 33
  • 5
1
vote
1 answer

Check if React Bootstrap Form is filled in or not to conditionally disable submit button

We have the following contact form in React using https://react-bootstrap.github.io/forms/overview/ let contactForm = (
Canovice
  • 9,012
  • 22
  • 93
  • 211
0
votes
0 answers

React Formik Checkbox Issue: Remains Checked After Submission

I've developed a job application form using React, Formik, and yup for input validation. The schema ensures data integrity for fields like name, email, and more. Despite implementing resetForm() post-submission, the checkbox status persists. This…
Aakash
  • 1
  • 3
0
votes
0 answers

react-bootstrap components failed to resolve import with Vite

I'm fairly new to React, Vite and Bootstrap, so I'm trying to get a basic app set up. I essentially followed a mix of these tutorials: https://www.traversymedia.com/blog/vite-crash-course https://getbootstrap.com/docs/5.2/getting-started/vite/. I…
dalbanhi
  • 1
0
votes
0 answers

React-Bootstrap, Form.Select: Can i use the defaultValue to refer to a value within an iteration of options, inside a select?

im trying to reference a value in a list of select options, with defaultValue but i can't find a way to do it. I'm using React and i have a Form.Select component (from react-bootstrap) where i loop through an array of objects fetched by a specific…
simpet24
  • 33
  • 6
0
votes
0 answers

Is it possible to populate a react-bootstrap Form input tag with a previously stored value in a MERN app?

I'm making a mern app, where I want to add a max number input field. I want that after login the previously stored value in the database is displayed in that input tag. I have already created the UI using react-bootstrap Form element
dev agrawal
  • 1
0
votes
0 answers

Weird CSS when using FloatingLabel with InputGroup components of react-bootstrap

I am trying to use a FloatingLabel component alongside an InpuGroup component of the react-bootstrap package. I am able to get the inputs grouped but the height of the InputGroup.Text is greater than the FloatingLabel input. Weird CSS when using…
Dhyey Patel
  • 1
  • 1
0
votes
0 answers

Is it a bad thing to use window.location.reload instead of a form submit button?

I'm quite new to Web Dev and I'm making a management system app in react. I have a React bootstrap Form that the user can use to edit the details of an entry in a Modal. However, the way things are set up, I can't use the Form Submit event to reload…
Myles Louw
  • 33
  • 3
0
votes
1 answer

Form control react bootstrap textarea editable on open

Currently, I'm using the following field to get input from the user details_field Details
Esha Varma
  • 9
  • 2
0
votes
0 answers

Is there a way to show date-picker with react-bootstrap form control

I've used date type for input type, but I need to click on the calendar icon to select it from view. Start Date
Esha Varma
  • 9
  • 2