JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>

    <div class="form-group">
        <div class="form-item">
            <label for="" class="form-control">Group Name</label>
            <input type="text" class="form-control" placeholder="Group name...">
        </div>
        <div class="form-item">
            <label for="" class="form-control">msgid</label>
            <input type="text" class="form-control" required>
        </div>
        <hr>
        
        <div class="form-item">
            <label for="" class="form-control">Group Name</label>
            <input type="text" class="form-control" placeholder="Group name...">
        </div>
        <div class="form-item">
            <label for="" class="form-control">msgid</label>
            <input type="text" class="form-control" required>
        </div>
        <hr>        
        <div class="form-item">
            <label for="" class="form-control">Group Name</label>
            <input type="text" class="form-control" placeholder="Group name...">
        </div>
        <div class="form-item">
            <label for="" class="form-control">msgid</label>
            <input type="text" class="form-control" required>
        </div>
        <br>
        <input type="submit" value="Submit">
    </div>

JavaScript

$('.form-group input[type=text]').on('change', function(){
	
});