JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <div><input type="text" name="text"></div>
  <div><input type="checkbox" name="checkbox" value="1"></div>
  <div><input type="radio" name="radio" value="1">
  <input type="radio" name="radio" value="2"></div>
  <div><select name="select">
    <option value="1">1</option>
    <option value="2">2</option>
  </select></div>
  <div><textarea name="textarea"></textarea></div>
  <div><input type="submit"></div>
</form>

JavaScript

$(function()
{
	$('form').on('submit',function()
  {
  	var return_ = true;
  	var elements = $(this).find('[name]');
    for(var n=0;n<elements.length;n++)
    {
    	return_ = false;
    	if(elements[n].type == 'radio')
      {
      	if($('[name="'+elements[n].name+'"]:checked').length > 0) return_ = true;
      }
      else if(elements[n].type == 'checkbox')
      {
      	if($('[name="'+elements[n].name+'"]:checked').length > 0) return_ = true;
      }
      else
      {
      	if($('[name="'+elements[n].name+'"]').val().length) return_ = true;
      }
      if(!return_) break;
    }
  	return return_;
  })
})