I have been trying to expand on this...

$(document).ready(function(){
  $("#form1").change(validate);
  validate();
  $('.cf-next-btn').click(validate);
  $('.cf-prev-btn').click(validate);
  function validate() {
    if ($("#form1").parsley({excluded:":hidden"}).isValid()) {
      $('.cf-next-btn').show();
    }
    else {
      $('.cf-next-btn').hide();
    }
  }
})

from this posthttps://answers.laserfiche.com/questions/116675/Hide-Next-Button-in-Pagination-Until-Required-Fields-are-Completed

What I want to be able to do is to prevent the user proceeding to the next tab and to highlight / show the 'value is required' message on each field.

I'm using forms 10.4.3

I've spent a few hours going around in circles. My JavaScripting is just not working :|

Thanks in advance.