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