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").delegate("input","click",function(){
        $('.vid_form').keyup( function() {
                  alert('ddd'); 
        });

    });
}