Form Validation UI in FlutterFlow Tutorial

In this video we show two different ways how to design form validation ui in your app.

//
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. Drag-and-drop to build pixel-perfect UIs. Connect your app to live data via Firebase or APIs. Easily add advanced features like push notifications, payments, animations, and more. Build your own custom widgets or write custom code that you can use in FlutterFlow. When your app is complete, export your code or deploy straight to the app stores.

[kassioatomazelli]

Very confusing for me. In the first exemple you say I will explain how NOT to do, but you keep going and don't come back to explain the right way. I need to give to disable option a not empty or empty? Because I am trying here and no one gonna works. And more, after de disable configuration I go to action triggers and put create account?

[anuptotla]

This is helpful but is too lengthy to implement considering we already have a form widget. Would be great if we can make the form widget more powerful than it currently is. Like if form has a boolean attached to it which checks if all input are valid.
Currently the form simply highlights issues but not really stop user from proceeding. Seems like this can be a low hanging fruit

[shahbazkhan-ekhp]

This explanation is awesome because not only does it teach how its done but also what not to do and they why behind it.

[chukwuebukanwajagu]

Love Flutterflow. This is interesting and very helpful. Alot of us are really struggling with database structuring and connection to your App. Making textfield searchable, more on drop down and so on.
Pls make more videos. Thank you.

[theolimourii]

Great video please try to release new videos every week we would appreciate it

[LoFiRecoverySoundscapes]

For someone who mentions simplicity of design and things being intuitive and easy to use, your actually video is all over the place!

[supernut]

Excellent. Maybe "is set/non empty" can be changed to "is set/non blank" because the user can still fill the fields with blank spaces.

[BabyIem-eg]

Great explaination and step by step tutorial. Thankyou so much

[GylAion]

Very helpfull guide.
I wanna know if it's possible to check if the user already exist before create the account ? And how do it?
I'm trying to add an action on my button to query the user's firebase, and filter by the email adress, but i must have forget something bcz it doesn't work.
Hope you will get some answer here.

[renatodiaslima]

Excellent video.

How do you focus a textfield using an action in flutter flow?

[karinliebenberg]

Flutter is really amazing BUT I have been struggling 2 weeks now to upload to play store maybe a video on troubleshoot will be helpfull.

[SpurgeonB]

Thanks! That is quite helpful... BTW, How to ensure that value typed in the text field for email id is indeed a valid email (validating with REGEX / domain lookup etc)?

[mayankmishra]

I found it to be a confusing video for a simple and easy concept. The real validation part was mostly the latter part of the video.Thanks for the effort though.Would have been simple if we could do the complex conditionals in a small code snippet instead if composing it through a UI. It gets cumbersome in UI.Furthermore flattening if else ladder if you have more than 2 state variables is even more cumbersome.

[vijaykumaryadav]

Thanks for sharing this video, I have followed same step but button not showing as disable in initial state or when login field is empty. 😕

[XricheeX]

can someone help me; i have a form that consists of a few open textfields, a couple dropdown menues and a photo upload button.
With this tutorial i can make the button be disabled if the textfields and dropdown menues are empty but i cant seem to make it mandatory to upload atleast one picture.
how my picture upload is set up: I have an icon button that leads to your own photoalbum, you can select up to 10 photos, those pictures get uploaded into a row that has a 'generating children from variable' selected to it. the variable being a single image widget.

[beano]

I dont see an option for an update delay for a drop down selection

[Caden_Burleson]

I'm just trying to figure out how to check if a user has entered a phone number in an email form and give them an error message for it. How do I do that?

[tanujain]

Is it possible to prevent that Label from taking top left position

[mohammedabdillah]

thats helpful
there is a trick where i can do there
by using hide and show more than one button with " if "

[Micktographer]

This is flutterflow in a nutshell. If it takes 20 minutes to educate how to do form validation, then is it really a no-code solution? I feel like a lot of FF features are built for power-users at the expense of over-complicating something that it core basic functionality that should be a few clicks and take a few minutes to explain. Anyway back to my 1 hour of trying to figure out how to do basic form validation that blocks a user from submitting. Wow. Why. So. Hard.