Make an Input Required in Bubble.io & Notify Users When Info is Invalid

These days, filling out forms online is pretty much a constant in our lives. We do it when we’re ordering something off Amazon, signing up for a new app, buying plane tickets, getting dinner delivered, and so much more.

Typically, filling out those forms is a pretty seamless process. You type your information in, hit submit, and you’re done.

Every so often, though, you’ll run into a form that’s missing something very important: The capability to tell you when you’ve messed up — when you’ve entered invalid information into an input.

And when that small (but powerful) feature is lacking, the simple task of filling out a form can quickly become way more frustrating than it should be. Because without knowing where you’re going wrong, you can be left re-entering every piece of information over and over again.

It’s easy to create inputs that show when information is invalid, though. And that way, users won’t be left guessing on what changes to make.

Watch this video lesson on how to build this feature into your app.

_______________________________

Plus, here are a few more ways to get help fast...

[neveriodev]

Hello coach, in my richtext element i've already checked the "this should not be empty checkbox" but it's still not validating that richtext, how do i work around this?

[netxyz]

When we enable checking for not empty, the input element will check for blank input AND space-only input. But the multiline input element will only check for blank input BUT NOT space-only input. So we will need to check for space-only input in the workflow and stop the workflow in not validated. Then how do we make the multiline input border red, to be consistent with the input element's validation error style? One option is to add a state, e.g. validated description (yes/no, for each element, e.g. a multiline input, that doesn't check for space-only input and set the state to be false in the workflow. This element will set a red border based on this state in a condition. A lot of work for this type of input validation.

[GregRobinsonHD]

Thanks for the vid. How about checkboxes being un-checked, e.g. an un-checked 'I agree to Terms of Service' sign up checkbox. My workflow seems to be proceeding regardless of whether it's checked or un-checked. Works as shown here on text inputs but not checkboxes. Thoughts? Thanks!

[mljjarjubureh]

Hello thank you very much for your videos.I have been keenly following and am planning to make my first web app with bubble.is. My question can the input be used to request users to upload files(e.g documents for admissions to a school)??

[sakthidepp]

How do I stop "space" being accepted as a value, so that I can prevent empty comments?

[hollyhenske]

Where does the definition of valid live in the app? I assume that wrong type will also be invalid? How about physical address information if using google geocoding plugin?

[StudentToniLuis]

Just What I Need, Very Simple explanation! Thank you team!

[angelsaravia]

Any chance you know or any here knows how to recreate Jotmform Cards on Bubble? Including the conditional aspect as well.

[dianeyoung]

I have one question im making applications. How can i see what they put into the input.

[InfoLeaksTV]

videos are informative but too fast to understand bigners---make it slow and detailed.