Преобразовать форму в 2/3 раздела и сохранить проверку формы?

Question

У меня есть форма с 20+ полями, и теперь я связан с iframe, и мне нужно разделить форму на несколько разделов. Как я могу лучше всего это сделать и при этом сохранить проверку?

Я пытаюсь упростить задачу и подумал о том, чтобы иметь 3 div, каждое из которых содержит 7 полей формы и кнопку отправки в последнем разделе. Но как я могу просмотреть разделы и получить проверку для каждого раздела?

Answer 1

Один из способов сделать это состоит в том, чтобы поместить разделы формы в отдельные элементы div, и не «перемещаться» в браузере по отдельным частям формы, а использовать jQuery для навигации по элементам div.

<form>
<div id="form1"><a href="#">form elements 1</a></div>
<div id="form2" style="display:none"><a href="#">form elements 2</a></div>
<div id="form3" style="display:none"><a href="#">for elements 3</a></div>
</form>

<script>
jQuery("a").click( function(){
    jQuery(this).parents("form:first").children("div").hide();
    jQuery(this).parent().show();
});
</script>

И ваша кнопка отправки в последнем div.

Это позволит вам проверить поля с помощью javascript и показать им div с ошибками.