Jquery - проверить обязательные поля для другого родителя

Question

У меня есть форма с количеством разделов.

В конце каждого раздела у меня есть кнопка NEXT для следующего раздела

У меня также есть jquery скрипт для проверки полей.

Я хотел бы "сказать" сценарию, должен ли он проверять всю форму или только указанный раздел c. для этого мне нужно использовать некоторую функцию, которая получает имя PARENT.

как я могу "сказать" какой-то функции, которая является PARENT, которая содержит поля ??

JQUERY:

$( '#regForm' ).submit( function( event ) {

    $( '#regForm' ).find( 'select, textarea, input' ).each(function(){


        if ( $(this).parents(".form-group").attr("data-required") == "required")
        {

            if ( ! $( this ).val() )
            {

                $( this ).parents(".form-group").find('.field-msg').html('required field');

                flag = false;

            }   

        }

    });

}); 

HTML

<form method="post" action="index.php" id="regForm">

        <div class="row form_section form_section_block">

            <div class="form-group" data-required="required">
                INPUT FIELD HERE
            </div>

            <div class="form-group" data-required="required">
                FIELD HERE
            </div>          

            <button class="btn btn-primary btn_next">CHECK SECTION VALIDETION AND GO NEXT SECTION</button>

        </div>

        <div class="row form_section form_section_block"  data-secID="10">

            <div class="form-group" data-required="required">
                INPUT FIELD HERE
            </div>

            <button class="btn btn-primary btn_next">CHECK SECTION VALIDETION AND GO NEXT SECTION</button>

        </div>


        <button class="btn btn-danger" id="btn_submit">CHECK ALL SECTION AND SUBMIT</button>    

</form>

Answer 1

Вам необходимо запретить поведение формы по умолчанию в приведенном выше коде:

event.preventDefault()

Чтобы получить родительский раздел, вы можете использовать:

$parent = $(this).parents(".form_section");