JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<div class="input-group marg_5">
          <span class="input-group-addon">Article Title</span>
          <input id='new_vid_form_title' type="text" class="form-control vid_form" placeholder="Article Title" autocomplete='off'>
          <span class="input-group-addon"> 
            <span id="new_vid_form_title_status" class="glyphicon glyphicon-asterisk orange pointer status_box" title="Required field"></span>
          </span>
</div>

<div class="input-group marg_5">
          <span class="input-group-addon">Short Desc.</span>
          <input id="new_vid_form_shortDesc_status" type="text" class="form-control vid_form" placeholder="Short Description" autocomplete='off'>
          <span class="input-group-addon"> 
            <span id="new_vid_form_shortDesc_status" class="glyphicon glyphicon-asterisk orange pointer status_box" title="Required field"></span>
          </span>
</div>

         <hr />

<div class="input-group marg_5">
          <span class="input-group-addon">Youtube ID</span>
          <input id="new_vid_form_youtubeID_status" type="text" class="form-control vid_form" placeholder="Youtube Video ID | watch?v=' this bit ' " autocomplete='off'>
          <span class="input-group-addon"> 
            <span id="new_vid_form_youtubeID_status" class="glyphicon glyphicon-asterisk orange pointer status_box" title="Required field"></span>
          </span>
</div>

         <hr /> 
    
    </div>

JavaScript

$( document ).ready( function() {
	new_vid();
});

function new_vid() {
$("div").on("keyup",".vid_form",function(){
   alert('ddd'); 
 });
}