Form Validation UI in FlutterFlow Tutorial

Поделиться
HTML-код
  • Опубликовано: 3 авг 2024
  • In this video we show two different ways how to design form validation ui in your app.
    Start building in FlutterFlow: flutterflow.io
    //
    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.
  • НаукаНаука

Комментарии • 41

  • @shahbazkhan-ek7hp
    @shahbazkhan-ek7hp 5 месяцев назад +1

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

  • @gordonsrus
    @gordonsrus 4 месяца назад

    I have worked with backend databases for many years but this tool enables me to do front end as well. The video instruction is very helpful.

  • @theolimourii4792
    @theolimourii4792 Год назад +6

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

  • @chukwuebukanwajagu5922
    @chukwuebukanwajagu5922 11 месяцев назад +1

    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.

  • @anuptotla9845
    @anuptotla9845 Год назад +16

    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 Год назад

      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 Год назад +8

    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?

  • @SCLOUD3112
    @SCLOUD3112 7 месяцев назад +1

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

  • @user-yb1vo4ts7h
    @user-yb1vo4ts7h 6 месяцев назад

    Great explaination and step by step tutorial. Thankyou so much

  • @supern4ut3
    @supern4ut3 2 месяца назад

    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.

  • @soupaulomorales
    @soupaulomorales Год назад +5

    Very well explained.👏

  • @GylAion
    @GylAion 9 месяцев назад +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.

  • @flutterflowexpert
    @flutterflowexpert Год назад +1

    Great video ;)

  • @karinliebenberg8567
    @karinliebenberg8567 Год назад +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.

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

  • @siphiworatsibe5609
    @siphiworatsibe5609 Год назад

    You're the BEST, thank you Sir.

  • @renatodiaslima
    @renatodiaslima 4 месяца назад

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

  • @mohammedabdillah7418
    @mohammedabdillah7418 Год назад

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

  • @SpurgeonB
    @SpurgeonB 8 месяцев назад

    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)?

  • @Caden_Burleson
    @Caden_Burleson 20 дней назад

    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 2 месяца назад

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

  • @louis-davidpaul-hus114
    @louis-davidpaul-hus114 Год назад

    thx

  • @say5s
    @say5s Год назад

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

  • @vince2nd
    @vince2nd Год назад +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.

  • @saikumar-qx5jz
    @saikumar-qx5jz Год назад

    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??

  • @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.

  • @MAXsystem1
    @MAXsystem1 Год назад +2

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

  • @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.

  • @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.

  • @colibrcolibr6103
    @colibrcolibr6103 Год назад +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.

  • @FlutterFlowAR
    @FlutterFlowAR Год назад +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

  • @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 11 месяцев назад

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