DEV Community

Cover image for Introducing Vue Formulate — truly delightful form authoring.

Introducing Vue Formulate — truly delightful form authoring.

Justin Schroeder on May 19, 2020

Vue Formulate has been in the wild for 2 months now, and with the latest release (v2.3) the project has enough momentum to warrant a post from its ...
Collapse
 
justinschroeder profile image
Justin Schroeder • Edited

Yeah, this was an intentional decision for the email validator — basically any string can be used by a DNS server, but the vast majority of email address that don’t include a TLD are non-conforming emails. In fact, you'd be hard pressed to find popular sites that allow non-TLD emails (screenshot is facebook).

failing validator on facebook

Importantly though, you can override the default validation rules with your own custom variation — so if that one doesn't work for you no sweat👍

Collapse
 
turbopasi profile image
Pascal Lamers • Edited

Great introduction about what appears to be a great addition to the vue community (although I don't feel the logo, is there a way to contribute on the logo?)

A few questions :

  • what about customization ? Like altering the style or changing the validation messages ? Custom validator ?
  • In all of the form frameworks I end up with putting to much time in changing the style to fit my project. How about adding custom classes ?
Collapse
 
turbopasi profile image
Pascal Lamers

Okey kudos on the documentation , I spent 5 minutes there and got answers to all my questions !

... now about the logo ... 🤔

Collapse
 
justinschroeder profile image
Justin Schroeder

Haha, thanks Pascal! I think we're definitely open to a new logo (I am anyway). The existing one has gotten the project off the ground, but that doesn't mean its set in stone. Shoot me a DM on twitter @jpschroeder and we’ll talk about the logo :)

Collapse
 
ozzythegiant profile image
Oziel Perez

Logo is cool, just needs to be more bubbly in my opinion. Reminds me of soda :D

Collapse
 
ozzythegiant profile image
Oziel Perez

This is excellent! I have been looking for a library with a common sense approach: bundle inputs into a "question" or some logical decision making step. I also love that it makes the components as straight forward as how forms are built in raw HTML.

Collapse
 
justinschroeder profile image
Justin Schroeder

Thanks Oziel! Hopefully Vue Formulate is will do just that for your next project 👍 Happy coding!

Collapse
 
phunky profile image
Mark Harwood

Saw this on Twitter the other day and it looks fantastic, great job on the documentation as well.

I look forward to giving this ago in the future.

Collapse
 
justinschroeder profile image
Justin Schroeder

Thanks Mark! Excited to hear your feedback too.

Collapse
 
chrishappy profile image
Nathan Tsai • Edited

Okay, you convinced me :) Thanks for the informative and engaging article.

Also, is it just me or Firefox, or has the first CodePen stopped working?


'default' is not exported by ../../tmp/codepen/vuejs/src/pen.vue?rollup-plugin-vue=script.js, imported by ../../tmp/codepen/vuejs/src/pen.vue`
Enter fullscreen mode Exit fullscreen mode
Collapse
 
primo19 profile image
Aldrin De Guzman • Edited

This is great! This will save you a lot of libraries to install just to make your forms developer and user friendly. I Will definitely suggest this to other Vue Devs out there! 👍👌

Collapse
 
justinschroeder profile image
Justin Schroeder

Hey I appreciate that Aldrin! I've found It’s actually surprisingly hard to get the word out to developers so any word of mouth is appreciated 👏