JSFiddle - React, Tailwind, and code Playground

by DuncanMack

HTML

<input type='text' class='option_category' name='option_category_config[35196][option_cat_name]' value='Size of Neapolitan'>
<input type='text' class='option_category' name='option_category_config[35197][option_cat_name]' value='Choice of Whole Pizza Toppings'>
<input class="option_category" type="text" placeholder="Enter category name" value="" name="option_category_config[35236][option_cat_name]">
    
    <div>
    <input type="button" value="Try to submit me" name="update_menu_options" />
    </div>

JavaScript

var option_cat = $('.option_category[name*="option_category_config"]');

$('input[name="update_menu_options"]').on('click', function () {
    option_cat.each(function () {
        var check_val = $(this).val();
        console.log(check_val);
        if (!check_val) {
            alert('there are missing input(s)');
            return false;
        }
    });

    return false;
});