JSFiddle - React, Tailwind, and code Playground

by joshvogt

HTML

<input type="text" placeholder="username">
      
      <input type="text" placeholder="password">
      
      <input type="submit">

CSS

:disabled{
    background:red;
    color:white;
    border:none;
    }
    
    :enabled{
    background:green;
    border:none;
    }

JavaScript

$(document).ready(function(){
     $('input[type="submit"]').attr('disabled','disabled');
     $('input[type="text"]').keypress(function(){
            if($(this).val() != ''){
               $('input[type="submit"]').removeAttr('disabled');
            }
     });
 });