JSFiddle - React, Tailwind, and code Playground

by Alain Martinez

HTML

<form action="javascript:alert( 'success!' );">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>
      
      <div class="content">Content</div>

JavaScript

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