JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post">

      <input name="username" required placeholder="username" type="text">    

<input id="btn_submit" type="submit" value="Save all data" />

</form>

CSS

#tabs {
    padding:0;
    margin: 25px 0;
}
#tabs span {
    border: 1px solid black;
    background-color: #dedede;
    width: 50px;
    text-align:center;
    display: inline-block;
}
.lang_box {
    margin: 10px 25px;
    border: 1px dotted black;
    padding: 10px;
}
#content div input {
    display: block;
    margin-bottom: 5px;
    background-color: #dedede;
}

JavaScript

$('#btn_submit').bind('click', function() {
    $('input:text[required]').parent().show();
    
});