Блог

Главная - Вопросы по программированию - Я хочу добавить проверку для ограничения входного значения, значение должно быть меньше 5, если оно велико, что 5 должно показывать ошибку

Я хочу добавить проверку для ограничения входного значения, значение должно быть меньше 5, если оно велико, что 5 должно показывать ошибку

#javascript #reactjs #validation #frontend

#javascript #reactjs #проверка #интерфейс

Вопрос:

Я функция reactjs, нужно добавить проверку к входному значению

 <Form.Group size="sm" as={Row} controlId="formBasicEmail">
  <Form.Label>Amount</Form.Label>
  <Form.Control 
    type="text" 
    placeholder="Enter Amount" 
    value={hospitalId}
    onChange={e => sethospitalId(e.target.value)} />
  <Form.Text className="text-muted">
    Please input your desired amount.
  </Form.Text>
</Form.Group>

Ответ №1:

Существует много способов и фреймворков для проверки в Javascript / React. Я лично предпочитаю Yup , что довольно просто и просто для простых случаев, но также позволяет обрабатывать более сложные сценарии. Это позволяет вам проверять ваш ввод с помощью схемы, которую вы определяете заранее, например:

 let validationSchema = yup.object().shape({
  hospitalId: yup.number().max(5),
});

Для получения дополнительной информации взгляните на их страницу GitHub.