How to Hide Or Show Submit Button But NOT Disable the Alert Button

How to Hide Or Show Submit Button But NOT Disable the Alert Button

I'm sure this has been posted before, but I found a follow up way to hide or show specific buttons and KEEP the Alert Button Working Fine. (this is based on the info I found on the below website so thanks for the user who added this)

All this does is adjust the CSS or Style of parts of your form. In this case the Buttons. 

The website it worth looking at as my idea just builds on this:


As an extension of the the info in the video:

Instead of 

nput.primary = “<style>.zc-live-primary-btn{visibility:visible;}</style>”;
input.secondary = “<style>.zc-live-secondary-btn{visibility:visible;}</style>”;

Try The below. Note: the name on your button might be different. Use the Inspect feature in Google Chrome to see it.

The W3 Schools Website may also help:


//The next 4 Lines work with notes to allow/disable the search button and alerts buttons

//This next line hides the search and reset buttons
input.primary = "<style>[name~=Search]{visibility:hidden;}</style><style>[name~=reset]{visibility:hidden;}</style>";

//The next line shows both Search and Reset Buttons
//input.primary = "<style>[name~=Search]{visibility:visible;}</style><style>[name~=reset]{visibility:visible;}</style>";