JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<br/><br/>
&nbsp;&nbsp;Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   <input type="text" id="txtName" class="required"/>
<br/><br/>
&nbsp;&nbsp;Company: <input type="text" id="txtCompany" class="required"/>
<br/><br/>
&nbsp;&nbsp;Phone: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="txtPhone" class="required"/>
<br/>
<br/>
&nbsp;&nbsp;<input type="button" id="btnSubmit" value="Submit"/>

CSS

body
{
    font-family: Tahoma;
    font-size: 8pt;
}

JavaScript

$(document).ready(function(){
    $('#btnSubmit').click(function(){
        $("input.required").each(function(){
            if($(this).val().length == 0)
            {
               alert('Please Enter your value');
               $(this).focus(); 
               return false;
            }
        });
        //else submit your form.
    });
});