Form Validation UI in FlutterFlow Tutorial

Поділитися
Вставка
  • Опубліковано 6 лют 2025

КОМЕНТАРІ • 47

  • @shahbazkhan-ek7hp
    @shahbazkhan-ek7hp 11 місяців тому +5

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

  • @LoFiRecoverySoundscapes
    @LoFiRecoverySoundscapes Рік тому +3

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

    • @prakashm.s8134
      @prakashm.s8134 9 місяців тому

      true

    • @XricheeX
      @XricheeX 5 місяців тому

      i disagree, as a visual learner i really like how he explained it. it made sense to how he kept showing what the outcome of different tries were and how and why certain things were happening. very easy to follow.

  • @chukwuebukanwajagu5922
    @chukwuebukanwajagu5922 Рік тому +2

    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.

  • @theolimourii4792
    @theolimourii4792 2 роки тому +9

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

  • @anuptotla9845
    @anuptotla9845 2 роки тому +19

    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

    • @marklive33
      @marklive33 2 роки тому

      This is for pure customization I guess more than a "quick" way to do something fast. Idk. We all have our own methods :P

  • @kassioatomazelli
    @kassioatomazelli 2 роки тому +11

    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?

    • @malikgiornitm8065
      @malikgiornitm8065 Рік тому +2

      Fr are we the only ones who actually realized that?

    • @MojoFlowjo
      @MojoFlowjo 2 місяці тому

      Same here and indeed very confusing but there another tutorial which I found much better to follow:
      ua-cam.com/video/DeSFffT36yg/v-deo.html&ab_channel=AanyaShah

  • @cesarduran81
    @cesarduran81 18 днів тому

    I found another way, using the form validation, the way it works is to enable the validation type on each field but do not enable automatic validation on the form otherwise all fields will show the error messages on page load, the way I found is to do the validation when you click on the register button as the first action, you can optionally save the result of the validation on action output variable and use it on the next step

  • @BabyIem-e1g
    @BabyIem-e1g Рік тому

    Great explaination and step by step tutorial. Thankyou so much

  • @soupaulomorales
    @soupaulomorales 2 роки тому +5

    Very well explained.👏

  • @GylAion
    @GylAion Рік тому +1

    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.

  • @sustheone
    @sustheone 3 дні тому

    I came to see how form validation is done. But it's more like field validation. There is a Form container, which I use in vsCode.

  • @supern4ut3
    @supern4ut3 8 місяців тому

    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.

  • @renatodiaslima
    @renatodiaslima 10 місяців тому

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

  • @beano775
    @beano775 3 місяці тому

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

  • @SpurgeonB
    @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)?

  • @XricheeX
    @XricheeX 5 місяців тому

    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.

  • @vijaykumaryadav9332
    @vijaykumaryadav9332 Рік тому +2

    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. 😕

  • @mayankmishra1251
    @mayankmishra1251 6 місяців тому

    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.

  • @karinliebenberg8567
    @karinliebenberg8567 2 роки тому +1

    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.

  • @siphiworatsibe5609
    @siphiworatsibe5609 Рік тому

    You're the BEST, thank you Sir.

  • @Caden_Burleson
    @Caden_Burleson 6 місяців тому

    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?

  • @tanujain2605
    @tanujain2605 8 місяців тому

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

  • @flutterflowexpert
    @flutterflowexpert 2 роки тому +1

    Great video ;)

  • @mohammedabdillah7418
    @mohammedabdillah7418 2 роки тому

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

  • @Source-i-know-it-bro
    @Source-i-know-it-bro Рік тому

    iam facing authentication issue
    After i sign up as a user the database in flutterflow and also firebase console is not showing or registering new user details
    Can someone tell me how to fix this??

  • @say5s
    @say5s 2 роки тому

    We want to improve the web, be faster, extract html code, connect MySQL databases, and advertise with a reward

  • @Micktographer
    @Micktographer Рік тому +1

    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.

  • @vince2nd
    @vince2nd 2 роки тому +1

    Thanks for the video.
    I still don't like the true/ false conditional logic though 🥲
    Very confusing/ not intuitive. I suppose what would make me happy is a "conversational" type of logic... Basically if else statements and simpler language. Not set and empty vs null.
    If these fields are null disable this button and set color to x. , else enable button. Same for conditional visibility. It's better than before but still needs work as far as usability. UX research team get back to work! Simpler language please and thanks. Heck send out a typeform survey etc and see if users find the terminology/ language/ processes easy to understand.

  • @MAXsystem1
    @MAXsystem1 Рік тому +2

    Not good at all
    Rework the video
    Or reorganize the event in programming

  • @louis-davidpaul-hus114
    @louis-davidpaul-hus114 2 роки тому

    thx

  • @endieumunna6900
    @endieumunna6900 Рік тому

    You are just talking from two sides of your mouth, confusing everyone. You are more concerned about twisting your voice on the microphone. Simplicity is sophistication. You are just everywhere.

  • @colibrcolibr6103
    @colibrcolibr6103 2 роки тому +4

    I HATE these videos. Instead of telling us what to do he gives us 5 minutes on what not to do. I don't care about what not to do, get to the point.

  • @vrw5519
    @vrw5519 Рік тому

    Poking a badger with a spoon is also a wrong step. This video would be shorter and significantly easier to assimilate if the narrator did not waste time by showing what not to do and just showed the correct steps to follow.

  • @rewindman596
    @rewindman596 Рік тому

    "How do I use !value.endsWith in a TextField in Flutterflow?"

    • @rewindman596
      @rewindman596 Рік тому

      I want to only accept email addresses that end with a certain domain in a TextField(email).

    • @dataslid
      @dataslid Рік тому

      write a custom function use ai to generate it, then use the function in ur validation@@rewindman596

  • @FlutterFlowAR
    @FlutterFlowAR 2 роки тому +1

    We want how to upload several images that I did not see in the documents and I did not see them in your videos. An explanation would be sufficient, thank you