JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<form method="POST" action="" enctype="multipart/form-data" id='evoau_form' class='' data-msub='nehe' data-redirect='nehe' data-rdur='' data-limitsubmission='nehe' data-enhance="false">

	<input type='hidden' name='action' value='evoau_event_submission'/><input type='hidden' name='evoau_v' value='2.1.12'/><input type='hidden' name='_evo_lang' value='L1'/><input type='hidden' name='_current_user_id' value='2'/>	<input type="hidden" id="evoau_noncename" name="evoau_noncename" value="f5b3695233" /><input type="hidden" name="_wp_http_referer" value="/event-manager/" />		
		<div class='inner' style='display:block'>
		<h2>Submit an Event</h2>
				
				<div class='evoau_table'>
		<div class='form_msg' style='display:none'></div><div class='row'>
										<p class='label'>
										<input id='_evo_date_format' type='hidden' name='_evo_date_format' jq='MM d, yy' value='Y-m-d'/>
										<input id='_evo_time_format' type='hidden' name='_evo_time_format' value='12h'/>
										<label for='event_name'>Event Name <em>*</em></label></p>
										<p><input type='text' class='fullwidth req evoau-form-control' name='event_name' value='' placeholder='Event Name' data-role='none'/></p>
									</div><div class='row'>
											<p class='label'><label for='event_start_date'>Event Start Date/Time *</label></p>
											<p><input id='evoAU_start_date' type='text' readonly='true' class='datepickerstartdate req evoau_dpicker evoau-form-control' name='event_start_date' data-mn='["January","February","March","April","May","June","July","August","September","October","November","December"]'data-dn='["Su","Mo","Tu","We","Th","Fr","Sa"]'data-fdn='["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]'data-ot='{"txtnext":"Next","txtprev":"Prev"}'data-0='' placeholder='Start Date' value='' data-role='none'/>
												<input type='hidden' name='event_start_date_x' class='evoau_alt_date_start'...

CSS

form {
    border: 2px solid black;
    margin: 10px;
    padding: 10px;
}

JavaScript

$('.evoau-form-control').change(function () {
    console.log("Form control changed");
    var formControlChanged = this.id;
    console.log("Form control changed id: " +formControlChanged);
});