A client sent me a form template they had created using jotform.com to implement on their wordpress site. The form template is supposed to hide part of the form until the user clicks the 'next' button. At which point a script is supposed to validate all of the input fields the user has presumably filled out and then display the rest of the form. While I have successfully managed to get the form to display the next part of the form when the user clicks 'next', it fails to validate the input fields.

Its kind of difficult to explain without a huge block of text so it is probably easier to show you:

The original working template that the customer sent me: http://www.loftist.com/jotform/List_Your_Loft.html

The problem child: http://www.loftist.com/?page_id=78

If you just click on one of the input fields and then click elsewhere on the page, the input fields successfully return a validation error message and prevent the user from clicking on the 'next' button. However, if you simply click on the next button than the next set of fields get displayed.

Any thoughts? What am I doing wrong here? Im convinced this must be a really simple problem but Im not sure what it could be....