Подтвердить вариант выбора формы на основе пользовательского ввода на основе типа продукта РЕДАКТИРОВАТЬ

Так что я думаю, что мой последний вопрос не был снят. В настоящее время я делаю проверку формы для своего проекта. У меня есть форма ввода с основным полем «артикул», «имя» и «цена» с настраиваемыми параметрами выбора типа продукта, которые имеют три продукта (книга, DVD, мебель), каждый тип продукта имеет область ввода, основанную на продукте выбрано, например:

[][1]

Я могу проверить имя, цену, артикул и выбрать вариант для ошибок. Я также могу использовать тип продукта console.info на основе выбранного значения. Единственная проблема в том, что я не могу остановить отправку формы, даже если в моей опции выбора есть пустое поле ввода. Я могу проверить ошибку этого поля только тогда, когда пользователь вводит что-то, что не имеет исправленного значения, но если пользователь выбирает параметр, а поле пустое, поле отправки все еще может быть отправлено. Как мне написать условие, которое останавливает отправку, когда выбранная форма ввода пуста? Пример: «Если productType — книга, а значение веса этой книги пусто, выдается ошибка: требуется вес, иначе отправьте.

функция отправки дескриптора: Это поле проверяет, есть ли ошибка, главная форма пуста и не выбрана ли опция.

 const handleSubmit = (event) => {
event.preventDefault();

if (
  Object.keys(errors).length === 0 &&
  Object.keys(formValues).length !== 0 &&
  select !== ""
)
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
34
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

попробуйте поместить «требуемый» сразу после «<выбрать требуемый»

Другие вопросы по теме