JSFiddle - React, Tailwind, and code Playground

by fiddleyetu

HTML

<div id="container">
	<div id="content">
        <form id='code-form' method="get" action="/">
			<div class="field">
			  <input type="text" name="code" id="code" value="" placeholder="voer uw code in" />
			</div>
			
			<p class='red' style='display:none;' id='used'>De code die u heeft opgegegeven is gebruikt.</p>
			
			<div class="field">
				<input type="submit" id="mysubmit" value="Volgende" />    
			</div>
		</form> 
		
		
	</div>
</div>

JavaScript

$("#code-form").submit(function(e){
    e.preventDefault();
});


$("#mysubmit").on("click", function(){
    $( "#container" ).fadeOut( "slow", function() {
        $("#code-form")[0].submit();
    });
});