JSFiddle - React, Tailwind, and code Playground

by richlewis14

HTML

<div class="form">
   <form class="form-horizontal" action="/" method="post">
    <fieldset>
      <div class="control-group">
       <label class="control-label" for="name">Name</label>
       <div class="controls">
       <input name="name" type="text" class="input-medium" id="name">
       </div>                          
     </div>
        <div class="control-group">
         <label class="control-label" for="email">Email</label>
           <div class="controls">
       <input name="email" type="text" class="input-medium" id="email">
           </div>
        </div>
         <div class="control-group">
          <label class="control-label" for="comment">Comment</label>
           <div class="controls">
        <textarea name="comment" class="input-madium" id="comment" rows="3"></textarea>
                             </div>
                           </div>
                          <!-- TO CATCH SPAMBOTS-->
                           <div class="hidden">
                             <label>Field</label>
                             <div class="controls">
                               <input name="ghost" type="text" class="ghost" id="inputGhost">
                             </div>
                           </div>

                           <div class="form-actions">
                             <button type="submit" class="btn" id="submitButton">Submit</button>
                           </div>
                         </fieldset>

JavaScript

$('#inputGhost').on('change', function() {
  $('input[type="submit"]').prop('disabled', this.value.length > 0);
}).change();