problem in multiple form validation bootstrap forms

Question

i have at least two form in one page but all forms are dependent on the first form, The fields of the first form must be filled in order for the validation of the rest of the forms to work correctly.
what is problem?
my code:
https://www.sololearn.com/compiler-playground/WG16aep2TE8U

Answer 1

Thanks a lot PanicS for making the code link work.🙏

Hadi this looks the classic problem of doing DOM operations before DOM has finished loading. 😄

Please put all your DOM operations like - getElementById, querySelector, addEventListener inside a window.onload callback.

Let us know if it still doesn't work.

Happy coding!

👍

Answer 2

Your link can't be opened in app, only on pc.
To add code new time please use "+", don't copy/paste link.

Here is code, I edited link so it can work in app:
https://code.sololearn.com/WG16aep2TE8U/?ref=app

Answer 3

Hadi I can see the code working flawlessly.
Is it still not working?

Answer 4

tanks for replay, with put on window.onload callback not worked

Answer 5

yes, on submit "users" form it depend fill all filed "office" form