Проверка условий с помощью div

Question

При нажатии на кнопку “Добавить анкету ” есть проверка для полей, т.е. выходят сообщения, но сообщения выходят в строгом порядке как указано в <div class="modal-footer">. Даже если проверка будет проверятся второй и т.д раза, то список замечаний не изменится, будет в том порядке, как прописано в div

В анкете все поля обязательны.<br>Заполните все поля.
сумма ответов в 3.1 не верна.<br>Проверьте.
сумма ответов в 3.2 не верна.<br>Проверьте.
сумма ответов в 3.3 не верна.<br>Проверьте.
сумма ответов в 4.1 не верна.<br>Проверьте.
сумма ответов в 4.2 не верна.<br>Проверьте.
сумма ответов в 4.3 не верна.<br>Проверьте.
сумма ответов в 4.4 не верна.<br>Проверьте.
сумма ответов в 4.5 не верна.<br>Проверьте.
сумма ответов в 5.1 не верна.<br>Проверьте.
сумма ответов в 5.2 не верна.<br>Проверьте.
сумма ответов в 5.3 не верна.<br>Проверьте.
сумма ответов в 5.4 не верна.<br>Проверьте.
сумма ответов в 6.1 не верна.<br>Проверьте.
сумма ответов в 6.2 не верна.<br>Проверьте.
сумма ответов в 6.3 не верна.<br>Проверьте.

Можно ли сделать так, чтобы при повторной ошибке, сообщение выходило вверх. Например, если вдруг ошибка подпадает к проверке сумма ответов в 5.1 не верна.<br>Проверьте. Можно это сделать в самом div?

Например, так хотелось бы видеть

сумма ответов в 5.1 не верна.<br>Проверьте.
В анкете все поля обязательны.<br>Заполните все поля.
сумма ответов в 3.1 не верна.<br>Проверьте.
сумма ответов в 3.2 не верна.<br>Проверьте.
сумма ответов в 3.3 не верна.<br>Проверьте.
сумма ответов в 4.1 не верна.<br>Проверьте.
сумма ответов в 4.2 не верна.<br>Проверьте.
сумма ответов в 4.3 не верна.<br>Проверьте.
сумма ответов в 4.4 не верна.<br>Проверьте.
сумма ответов в 4.5 не верна.<br>Проверьте.
сумма ответов в 5.1 не верна.<br>Проверьте.
сумма ответов в 5.2 не верна.<br>Проверьте.
сумма ответов в 5.3 не верна.<br>Проверьте.
сумма ответов в 5.4 не верна.<br>Проверьте.
сумма ответов в 6.1 не верна.<br>Проверьте.
сумма ответов в 6.2 не верна.<br>Проверьте.
сумма ответов в 6.3 не верна.<br>Проверьте.

HTML

<button class="btn btn-success editonelev" onclick="onecp(&quot;smo_simaz&quot;)">Добавить анкету</button>

<div class="modal-footer"><div class="errorOCP" style="display:none; margin-bottom: 15px; color:red;"><h4>В анкете все поля обязательны.<br>Заполните все поля.</h4></div> 
                          <div class=" errorOCP_p31" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 3.1 не верна.<br>Проверьте.</h4></div> 
                          <div class=" errorOCP_p32" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 3.2 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p33" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 3.3 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p41" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 4.1 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p42" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 4.2 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p43" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 4.3 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p44" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 4.4 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p45" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 4.5 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p51" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 5.1 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p52" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 5.2 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p53" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 5.3 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p54" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 5.4 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p61" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 6.1 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p62" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 6.2 не верна.<br>Проверьте.</h4></div>
                          <div class=" errorOCP_p63" style="display:none; margin-bottom: 15px; color:red;"><h4>сумма ответов в 6.3 не верна.<br>Проверьте.</h4></div>               
<button type="button" id="cancelOCP" class="btn btn-primary" data-dismiss="modal">Отмена</button>
<button  class="btn btn-success editonelev"  onclick='onecp("${principal.username}")'>Добавить анкету</button>

</div>

БЛОГ НА HUSL

Проверка условий с помощью div

Ответы (0 шт):