JSFiddle - React, Tailwind, and code Playground

by psyon001

HTML

<div id="FormStep">
  <input type="text" name="test1" id="test1" class="validate" />
  <div id="Checktest1Input"></div>
  <input type="text" name="test2" id="test2" class="validate" />
  <div id="Checktest2Input"></div>
  <input type="text" name="test3" id="test3" class="validate" />
  <div id="Checktest3Input"></div>
<input type="button" id="Step" value="Send"/>
</div>

JavaScript

$('#Step').on('click', function () {
      $('.validate').each(function(){
        var inputId = $(this).attr('id');
        if ($(this).val().length == 0){
          alert('Fail Validation - ID#'+inputId);
        } else {
          $('#Check'+inputId+'Input').html('ID#'+inputId+' Pass');
        }
      });
    });