JSFiddle - React, Tailwind, and code Playground

by Vanss472

HTML

<p>Type 'correct' to validate.</p>
<form action="#" method="post">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span style="display: none">
    <img src="http://static.johnmcneilstudio.com/polycom_edm_images/polycom_top_ten_general_edm_hero_1.jpg" />
</span>

JavaScript

$( "form" ).submit(function( event ) {
  if ( $( "input:first" ).val() === "correct" ) {
    $( "span" ).show( "slow" );
    return;
  }
 
  $( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );
  event.preventDefault();
});