Как правильно организовать валидацию пошаговой формы?

Question

[SexyMonkey]

Имеется пошаговая форма вот такого вида.

<form action="#">

        <section>
            <input type="text">
            <input type="text">
            <input type="text">
        </section>

        <section>
            <input type="text">
            <input type="text">
            <input type="text">
        </section>

        <section>
            <input type="text">
            <input type="text">
            <input type="text">
        </section>

        <a href="#">next</a>
        
        <button>Send</button>
        
    </form>

Всегда открыта только одна секция. Т.е. при клике на "Next" активная секция меняется.
Как организовать валидацию данных не всей формы сразу при отправке, а по отдельности для каждой секции при нажатии на "Next"

Answer 1

[entermix]

По нажатию кнопки "Next" проводите валидацию только открытой секции

Answer 2

[Dark Hole]

Привожу алгоритм:
-Получаем текущую секцию(!!!)
- Проверяем ее
-Валидируем
-Открываем следущую
- Блокируем начальную секцию