JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

JavaScript

for (i = 1; i < 8; i++) {
    v = i;
    $input1 = $('#select_grade_limit_k_5 input#number_students_set_' + v);
    $select1 = $("#select_grade_limit_k_5 #select_grade_set_" + v);
    $input2 = $('#select_grade_limit_6_12 input#number_students_set_' + v);
    $select2 = $("#select_grade_limit_6_12 #select_grade_set_" + v);

    if ($select1.is(":visible")) {
        console.log('1:' + $input1.val());
        if ($input1.val() >= 9 && $select1[0].selectedIndex <= 0) {
            $select1.addClass('required input_error');

            if ($select1[0].selectedIndex !== 0) {
                $select1.removeClass('required input_error');
            }
            break;
        }
    }
    //console.log('2:'+$input1.val())

    if ($select2.is(":visible")) {
        console.log('3:' + $input2.val());
        if ($input2.val() >= 9 && $select2[0].selectedIndex <= 0) {
            $select2.addClass('required input_error');

            if ($select2[0].selectedIndex !== 0) {
                $select2.removeClass('required input_error');
            }
            break;
        }
    }
    //console.log('4:'+$input2.val())
}