Looks really interesting. We’re using a hand rolled solution on top of JSON schema but it’s pretty unforgiving and sometimes requires very invasive changes to add support for new requirements. One thing I didn’t get a good grasp on from the examples is what the error responses should look like from the server. I would love to use this as the per field and error groups are a very nice feature IMO.
FormKit: Form building framework for Vue 3
61–69 of 69 posts
Re: FormKit: Form building framework for Vue 3
#62Looks very good, but if I read validation docs correctly there is no built-in validation for group of fields, like range of dates or product price range. Or even more complex where third field, type of product, defines lower boundary for product price range.
This means you have to somehow hook up into input/validation events for each field, add validation manually and then try to put errors in the right fields even if that is not the last modified field.
Re: FormKit: Form building framework for Vue 3
#63On a slightly related note, does anyone know of a form library like this one with first class support for a drag and drop form builder interface?
Re: FormKit: Form building framework for Vue 3
#64Earlier quoted context omitted.
As for me, forms are the single most important aspect of many web apps. Including critical ones for the society (banking, tickets, taxes, etc). Large part of my frustration with the state of web stems from how terrible experience with (creating and using) forms is. Web is almost 30 years old by now, and the announce of a way to make forms relatively easily, still generates an excitement. I mean, how many more years w…
Well, forms aren't easy on any client toolkit (e.g. iOS/Android). Forms are hard because they are (1) pure user input—often textual—, thus inheriting all fundamental difficulties with user input, and (2) arbitrarily reactive such that changing one value may arbitrarily impact other values, e.g. bidirectionally, and (3) you are at the mercy of the platform supporting the input UX that you want to build and you quickly…
I'm not saying it's easy. But hey, StackOverflow threads on how to post form with checkbox with "false" value in it are pretty telling.
I've done forms with Qt, QML and Flutter, and it's completely different experience.
Re: FormKit: Form building framework for Vue 3
#65Looks very good, but if I read validation docs correctly there is no built-in validation for group of fields, like range of dates or product price range. Or even more complex where third field, type of product, defines lower boundary for product price range. This means you have to somehow hook up into input/validation events for each field, add validation manually and then try to put errors in the right fields even i…
Groups track the validity of their child nodes by default. You can also supply custom validation functions if you have needs outside of the scope of the built-in validation rules (such as your product example).
Re: FormKit: Form building framework for Vue 3
#66I was just talking about this with a colleague. We really want to join the beta at my company. Would be happy to sign up for the pro plan! One note though, I want to point out, that I am able to "break" some of the demo components, like changing type="number" doesn't seem to error the form when I input text over it. In case one of the other maintainers sees this, I have one other question: Does this in any way use `e…
They there! The beta is public so you’re welcome to install from NPM and use. If you have issues we’d be happy to help out in Discord.
The schema parser is custom-written and does not make use of `eval`.
Re: FormKit: Form building framework for Vue 3
#67Is there something like this for bootstrap?
Re: FormKit: Form building framework for Vue 3
#68I love these sorts of frameworks! Makes doing forms a lot nicer, especially the live validation. I feel like the next evolution is automatically generating a whole form from selecting a schema in an OpenAPI spec. In a lot of specs, the type (string, email, phone, int, etc) is present along with any constraints (min/max length). Depending on the language/OpenAPI generator, it even preserves field order. It could massi…
I've definitely tried to find a graphql form generator that would take a schema and mutation and make a form with validation.
Re: FormKit: Form building framework for Vue 3
#69Earlier quoted context omitted.
Well, forms aren't easy on any client toolkit (e.g. iOS/Android). Forms are hard because they are (1) pure user input—often textual—, thus inheriting all fundamental difficulties with user input, and (2) arbitrarily reactive such that changing one value may arbitrarily impact other values, e.g. bidirectionally, and (3) you are at the mercy of the platform supporting the input UX that you want to build and you quickly…
I'm not saying it's easy. But hey, StackOverflow threads on how to post form with checkbox with "false" value in it are pretty telling. I've done forms with Qt, QML and Flutter, and it's completely different experience.
Well, every platform has its idiosyncrasies that you have to learn. No less with Qt, QML, and Flutter. You just take them for granted.
Cocoa/UIKit are my wheelhouse and have their own share of entry level StackOverflow questions. Though personally I think they make even less sense than the web toolkit. But if you just go by StackOverflow questions, you'd wonder if it was possible to learn anything.
Just search something like "auto layout" on StackOverflow. Turns out that client dev just isn't that easy no matter which abstraction you want to use.