JSFiddle - React, Tailwind, and code Playground

by phoffman

HTML

<form id="myform" method="post" action="somewhere.html">
    <label> First Name* </label>
    <input type="text" class="required" />
    <br />
    <label> Last Name* </label>
    <input type="text" class="required" />
    <br />
    <label>  Phone Number </label>
    <input type="text" />
    <br />
    <label> Desired Username* </label>
    <input type="text" class="required" />
    <br />
    
    <input type="submit" value="GO" />
</form>

JavaScript

$('#myform').submit(function() {
    if ($(this).find('input').is('.required[value=]')) {
        alert('Required Frields were left blank!');
        return false; // cancel submit        
    }
});