Here is my problem :
i have a huge form, which is made from Bootstrap template, so, structure looks like this :
<form ...>
<span -container->
<span -title->
toggle click, title
</span>
<div class="row" -bootstrap->
...
<input name="x" required type="text"/>
...
</div>
<div -another row->
</div>
...
</span>
<span -another container->
</span>
</form>
AS i use the "required" property, when i submit the form, if the form isn't posted... it's ok, BUT it shows a message, just under the concerned input (which is not complete).. it's still great... BUT the problem is, IF the concerned input is in an already toggled part... (i mean hidden when the user tries to submit), the error is NOT shown (sure! cuz' the container is hidden!!), but it's a problem... to me... because i'd like to show where is the incomplete field, even if it is "hidden" on submit... how can i do?
i thought about creating a "tips" div, next to the submit button, which would show a text error message explaining which input isnt completed... but even this, i really don't know how to do... the submit click automatically points to the error... how can i get, with a variable, the missed field name or id?
my english is not perfect, i'm sorry if my question is not clear... but, anyway, thanks for help!
Edit : i forgot to mention that the "toggle" just toggles the ".row" elements in a container... (my inputs are in ".row")