Прокрутите до поля bootstrap с ошибкой при отправке в reactjs - PullRequest
Новая
       91

Прокрутите до поля bootstrap с ошибкой при отправке в reactjs

0 голосов
/ 07 августа 2020

Я использую библиотеку response bootstrap для создания формы в моем приложении реакции. Это довольно длинная форма. Я ищу способ прокрутки до первого поля с ошибкой при отправке формы.

Я видел решения с jQuery, но ищу способ сделать это в reactjs или чистом javascript.

Моя форма, как показано ниже 

<Form
        className="signup-container"
        onSubmit={this.submit}
        noValidate
        validated={validated}
        autocomplete="off"
      >
        <Form.Group controlId="formName" className="mt-0 mb-0">
          <Form.Control
            placeholder="Your name"
            className="signup-input"
            type="text"
            required
          />
          <Form.Control.Feedback type="invalid" style={{ textAlign: "left" }}>
            Please fill this field.
          </Form.Control.Feedback>
        </Form.Group>
</Form>


submit= (event) => {
    const form = event.currentTarget;
    if (form.checkValidity() === false) {
      event.preventDefault();
      event.stopPropagation();
    } else {
    
     //////////Do stuff////////
    }

  };
...