How to make validation inputof separate forms?

Good afternoon.
There is a form consisting of three nested blocks. When the page loads, the user sees only the first block. If input this block it will fill correctly, you can proceed to the second, and then to the third unit. At each such stage, you need to verify the validity inputo. For example, after clicking "next", the script checks the entire form, but only inputy current visible block. What plugin is better to use for this, not to write a validator from scratch? Those plug-ins that I have found, sharpened by checking the whole form. Or something I do not understand)
June 5th 19 at 21:31
2 answers
June 5th 19 at 21:33
https://jqueryvalidation.org/

to cope with the task, easy to configure, the output of error messages
That is what I tried, but maybe not quite finished, not quite what I had worked. Rummage in its documentation. - Oleta96 commented on June 5th 19 at 21:36
look , I did one test for all InputB, the plugin hangs when testing a class valid (as I remember) on the field, then I took an event that the input was a class, if Waleed's all this slide - put/activate button on the next slide - Alycia commented on June 5th 19 at 21:39
Yes , that's all it is, but for some reason the plugin correctly filled fields still adds the label "field is required". And some fields do not add any scenario. Although by itself, the validation occurs correctly. - Oleta96 commented on June 5th 19 at 21:42
June 5th 19 at 21:35
3 shapes, hang them on EventListener .change(), to check through .checkValidity () if true is returned to give access to the following form

just today, this task been doing, everything turned out less than 50 lines (that's including the functionality of the slider and animation)
Can't) At the request of the dudes on the backend, the form should be only one. - Oleta96 commented on June 5th 19 at 21:38
So do input in one form. Just until the first block is empty, the second and third hidden (can be disabled). The first block is filled –> show() the second block. And so on. - Alycia commented on June 5th 19 at 21:41
well Yes, I do. Were troubles with this phased validation. Although now it seems to have a great idea how to do. - Oleta96 commented on June 5th 19 at 21:44
so what is the problem to send the json which is assembled from several forms? why secendary climb it? if we direct this bind, it is possible using classes or data-attributes to group the fields and do the same thing that I wrote, just a little more code will be checkValidity() for all elements of the group - Oleta96 commented on June 5th 19 at 21:47

Find more questions by tags jQuery