JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="test_form" >
<input name="floor[abc]" type="text" class="input_txt_l " value="" />
<input name="floor[cde]" type="text" class="input_txt_l " value="" />
    <button type="submit">Submit</button>
</form>

<form id="test_form2" >
<input name="floor[abc]" type="text" class="input_txt_l " value="" />
<input name="floor[cde]" type="text" class="input_txt_l " value="" />
    <button type="submit">Submit</button>
</form>

<form id="test_form3" >
<input name="floor[][abc]" type="text" class="input_txt_l " value="" />
<input name="floor[][cde]" type="text" class="input_txt_l " value="" />
    <button type="submit">Submit</button>
</form>

JavaScript

jQuery("#test_form").validate({
    rules: {
    'floor[abc]':{
        required:true
    },
    'floor[cde]':{
        required:true
    }},
messages: {
        'floor[]':{
            required:"floor is required."
            }
     }
    });

jQuery("#test_form3").validate({
    rules: {
    'floor[]':{
        required:true
    }},
messages: {
        'floor[]':{
            required:"floor is required."
            }
     }
    });

    jQuery.validator.addClassRules("input_txt_l", {
        required: true       
    });

jQuery("#test_form2").validate({});