JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<form name="billdata" id="billdata"  enctype="multipart/form-data" method="POST" onSubmit="javascript:return checkForm();" action="complain.php">
  <div class="input-group bmargindiv1 col-md-12">
      <span class="input-group-addon ndrftextwidth text-right" style="width:180px"> Name :</span>
       <input type="text" name="u_name" id="name" class="form-control" placeholder="Add Name" onKeyPress="clearField('name');">
        </div> 
<input type="submit" class="btn btn-success" name="complainSubmit"  id="addProfileData" value="Submit"/>
</form>


<script type="text/javascript"> 
   var phpVar = "<?php echo $_GET['success'];?>";
    //console.log('php',phpVar=='');
    if(phpVar == 1 && phpVar!=''){
        alert('Submitted successfully.');
        //var subButton=document.getElementById('addProfileData');
        //subButton.disabled=false;
    }
    else if(phpVar == 0 && phpVar!=''){
        alert('Unable to add.\\nTry again.');   
    }
    else{
        // nothing
    }
</script>


<script>
 function checkForm(){
    var s=document.billdata;
    if(s.u_name.value==''){
        alert('Please enter name');
        s.u_name.focus();
        s.u_name.style.borderColor = "red";
        return false;
    }
    else {
       document.getElementById("addProfileData").style.display = "none";
    }
}
</script>