Как правильно построить форму с повторяющимися элементами

Название действительно не говорит об этом, так как у меня возникли проблемы с обобщением проблемы. Итак, вот длинное объяснение:

Допустим, я добавляю информацию о нескольких контактах, и у меня есть эти поля:

• Имя контакта
• Способ связи (электронная почта, номер телефона, мгновенное сообщение)
  • Если электронная почта :Показать поле электронной почты (, допустим, что это поле существует)
  • Если номер телефона :Показать поле номера телефона
  • Если мгновенное сообщение :Показать текстовое поле

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

. Итак, моя самая большая проблема заключается в том, как я собираюсь структурировать такие вещи, как имена для каждого поля. Должен ли я бросить все в такие вещи, как names[], contactmethods[]и получить доступ к вещам по порядку, или если есть лучшее решение.

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

Немного справочной информации :Технологии, используемые в настоящее время (, актуальные):

• Фляга
• jQuery
• WTForms