Did you have this working outside of Hype previously?
I think you should get this working as you expect outside of Hype, and then we can adapt it as needed.
- You need to include jQuery in the
<head>
since you’re using it - You don’t have a
<form>
element so the.submit
function won’t do anything. - The Button, since it is outside of a standard
<form>
needs to specifically call ‘submit’ on a form. Here’s the normal JS way:
document.getElementById('my_form').submit();
So this says 'for all the content within the my_form
form, submit it. This could be called in its own function ‘on mouse click’ once you create a <form>
element.
There’s lots of ways to handle validation errors, I struggled with this myself and ended up also using jQuery to handle validation. Here’s how I did it: Hype Pro Teaser Page – This page just shows red text if there’s an email validation error. You could optionally run a timeline by adding a Submit Handler based on these instructions: https://stackoverflow.com/a/44274652