JSFiddle - React, Tailwind, and code Playground

by beneverard

HTML

<input type="text" id="name" name="name" placeholder="First Name" />
<label for="name">First Name </label>
<button id="submit" src="images/button.png" width="100" >Submit</button>

JavaScript

$(document).ready(function() {
    
    $('#submit').click(function(event) {
        
        var emptyTextBoxes = $('input[type=text],[type=password]').filter(function() { return this.value == ""; });
   
       if(emptyTextBoxes.length < 1) {
          alert('Well done, you did it!!');
       } else {
           // ignore the click if all fields haven't been clicked
           event.preventDefault();
       }
                                                                                    
    });
        
});