Определите, когда поле с использованием готовых форм-массивов вновь вставлено

Я использую массивы response-final-form для добавления динамических полей ввода в форму на основе массива данных, которые я привязываю к форме, и он отлично работает. Пользователь может, нажав кнопку, добавить больше таких полей. В начале таких полей нет, и когда пользователь добавляет одно, поле начинается с пустого значения.

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

Это хорошо работает, за исключением случая:

  • пользователь пытается отправить недопустимую форму, что приводит к отображению ошибок проверки (т. е. красная граница вокруг недопустимых полей)
  • пользователь нажимает кнопку, чтобы добавить новое динамическое поле, в результате чего это новое добавленное поле будет отображаться как недопустимое

Я бы хотел, чтобы новые динамические поля не отображали ошибки проверки при их добавлении в первый раз, но я не уверен, как определить, какие поля существуют при отправке формы и какие из них являются новыми, чтобы пропустить валидация на последнем, пока форма не будет представлена ??снова.

Есть идеи?

javascript,reactjs,react-final-form,final-form,react-final-form-arrays,

0

Ответов: 0

Определите, когда поле с использованием готовых форм-массивов вновь вставлено

Я использую массивы response-final-form для добавления динамических полей ввода в форму на основе массива данных, которые я привязываю к форме, и он отлично работает. Пользователь может, нажав кнопку, добавить больше таких полей. В начале таких полей нет, и когда пользователь добавляет одно, поле начинается с пустого значения.

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

Это хорошо работает, за исключением случая:

  • пользователь пытается отправить недопустимую форму, что приводит к отображению ошибок проверки (т. е. красная граница вокруг недопустимых полей)
  • пользователь нажимает кнопку, чтобы добавить новое динамическое поле, в результате чего это новое добавленное поле будет отображаться как недопустимое

Я бы хотел, чтобы новые динамические поля не отображали ошибки проверки при их добавлении в первый раз, но я не уверен, как определить, какие поля существуют при отправке формы и какие из них являются новыми, чтобы пропустить валидация на последнем, пока форма не будет представлена ??снова.

Есть идеи?

00JavaScript, reactjs, реагирует-окончательную форму,-конечную-форму, реагировать-конечные формы-массивы,
Похожие вопросы