Hide or Gray Out Submit Buttons for Required Fields

Digioh App Marketplace

Digioh will validate that all required fields are present before allowing form submission. If you want to hide or gray out the submit button until all required inputs is present, we have an app for that. The app also supports temporary hiding of checkboxes, e.g. for Opt-In. To install, from the Digioh HQ, go to your profile menu top right, pick Custom JS (Apps), then find and install “Disable button on required fields“. Make sure you click Publish to activate the app before previewing any boxes.

Then, you can configure metadata for submit buttons to activate the app for the form on that page. You can configure this for any number of button/forms combinations in your Box, as well as checkboxes.

The app metadata command key is required_disable

The metadata config values control what happens when required form input is missing. Note that only the hide option is supported for checkboxes:

  • default: gray out the button and text with default colors
  • #1A3,#32B: override default colors in hex RGB color format, the first is background, second is font
  • hide: hide the button or checkbox entirely

Now, your submit button will react in real-time based on the form input. Technically, it checks for required fields every time a form input loses focus.

Questions? Comments? Let us know at contact@digioh.com