JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<form>
    My Name:<input class="clr" id="name" type="text" /><span class="star">*</span><span class="clr" id="name_error">Name is required</span> <br /><br />
    My Email Adress:<input class="clr" id="email" type="text" /><span class="star">*</span><span class="clr" id="email_error">Email is required</span> <br /><br />
    My Organisation Name:<input class="clr" id="organisation" type="text" /><span class="star">*</span><span class="clr" id="org_error">Organisation is required</span> <br /><br />
    <input type="submit" />
</form>

JavaScript

$(document).ready(function(){
    $('span.clr').hide();
    $('form').submit(function(){
        $('input.clr').each(function(){
            if ($(this).val() == "")
                $(this).next().next('span.clr').show();
        });
        return false;
    });
});