JSFiddle - React, Tailwind, and code Playground

by Kunal Paul

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.validationengine/2.6.4/css/validationEngine.jquery.css">
<script src="https://cdn.jsdelivr.net/jquery.validationengine/2.6.4/languages/jquery.validationEngine-en.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validationengine/2.6.4/js/jquery.validationEngine.js"></script>
<p>
			<a href="../index.html" onclick="">Back to index</a>
		</p>
		<p>
			This demonstration shows the validation with the <a href="http://harvesthq.github.com/chosen/">Chosen Library</a>
		</p>
		<form id="formID" class="formular" method="post" action="">
			<fieldset>
				<legend>
					Select single
				</legend>
				<label>
					<select name="country" id="country" class="validate[required]">
						<option value=""></option>
						<option value="United States">United States</option>
						<option value="United Kingdom">United Kingdom</option>
						<option value="Afghanistan">Afghanistan</option>
						<option value="Albania">Albania</option>
						<option value="Algeria">Algeria</option>
						<option value="American Samoa">American Samoa</option>
						<option value="Andorra">Andorra</option>
						<option value="Angola">Angola</option>
						<option value="Anguilla">Anguilla</option>
						<option value="Antarctica">Antarctica</option>
						<option value="Antigua and Barbuda">Antigua and Barbuda</option>
						<option value="Argentina">Argentina</option>
						<option value="Armenia">Armenia</option>
						<option value="Aruba">Aruba</option>
						<option value="Australia">Australia</option>
						<option value="Austria">Austria</option>
						<option value="Azerbaijan">Azerbaijan</option>
						<option value="Bahamas">Bahamas</option>
						<option value="Bahrain">Bahrain</option>
						<option...

JavaScript

jQuery(document).ready(function() {
				// binds form submission and fields to the validation engine
				jQuery("#formID").validationEngine({
					prettySelect : true,
					useSuffix: "_chzn"
					//promptPosition : "bottomLeft"
		});
		$("#country").chosen({
					allow_single_deselect : true
		});
});