Hide / Show Submit Button

Hi Everyone!

I am curious if anyone has or knows how to build a form that hides the submit button until all the fields have been properly filled out?

I know webflow allows us to select which type of field it is (phone, email, etc) and by checking off the “required” box, the user is required to submit a properly formatted phone number or email. However I am trying to build it so that once the last form field, say email, is filled out properly, then the submit button shows and is clickable. I was thinking something like below, but I’ll warn you in advance, I’m not a developer so It could be very off / not make a lot sense.

<script>
var x = document.getElementByID("emailtest")
if (x.val() = required) {
	document.getElementById("testbutton").style.display="block";
}
</script>

All help is much appreciated guys - Thanks!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)