How to create long forms with 100+ fields?

Question

JavaScript

Good evening. There is a task to make a form for ~ 200 inputs of a different plan, like datepickers, regular textinputs, and so on. It will be divided into 9-11 pages and the question arose of how best to make such voluminous forms. I see 2 options:

1) You can make a function that, depending on the type, will generate the necessary input, and we will simply pass the configuration / schema with the description of fields, events and other things to this function.
2) Simply "nail" the required fields to each page.

It is worth mentioning that the data that will be sent to these forms is very heterogeneous and generally of dubious quality + there is a lot of dynamics of such a plan that if you selected this checkbox, then draw this field, and there, on page 3, change 4 values ​​if we are in one status and 5 if in another.

Thanks in advance!

Answer 1

i nailed on the slick. It’s just that if you pass it in a function, then you get sick of calculating what you may need + don’t forget about edits and “oh, plans have changed. Now this field and this are swapped, and info from this field is pulled from the McDonald’s server”
If the field is of the same type name and button add one more person" it's easier to make a template, and if the fields should be different and depend on each other, then it's better to use pens than to understand later that the functions do not really help speed up the process