It has been a while since I last released a new script on ZineScripts, so I decided it was about time to implement one of the ideas that I’ve had for quite a while now.
Because Forms Suck
If you’ve spent any time as a web developer, you’ve surely come across one of the most tedious aspects of the job. Forms. No matter how many times you’ve created one, nor how much code you have amassed, it is still tedious as hell for a number of reasons:
- Validation You absolutely have to validate user emails, check if important fields are left empty, and in some cases even validate phone numbers, zip codes, dates and so much more. You also need a friendly way of displaying those errors;
- Captchas You don’t want spam bots to submit your form;
- Markup You still have to write all the markup for the forms;
- Design You’ve put so much time in designing your form, only for it to be ruined by the non consistent browser controls;
- AJAX After you’re done with the validation, you will have the pleasure of implementing it all over again on the client side.
This is where FormBuilder comes into play. It solves all of the above in an easy, programmer – friendly manner.
What is FormBuilder?
It is a PHP script that you can upload to your web hosting space. It can build web forms with unlimited length, complete with validation, captcha, error display and custom design by reading a configuration file. Here is what a typical contact form (see it here) looks like :
$config['fields'] = array(
array(
'label' => 'Your name',
'type' => 'textField',
'required' => true,
'errorText' => 'Please enter a valid name.',
'fromName' => true
),
array(
'label' => 'Email',
'type' => 'textField',
'required' => true,
'validation'=> 'email',
'errorText' => 'Please enter a valid email.',
'fromEmail' => true
),
array(
'label' => 'Subject',
'type' => 'select',
'default' => 0,
'items' => array('Please Choose','Business proposition','Partnership','General Inquiry'),
),
array(
'label' => 'Message',
'type' => 'textArea',
'required' => true,
'errorText' => 'You are missing a message.'
)
);
With this approach, developers and designers can finally have a breath of fresh air and automate the dirty work. You can learn more about what FormBuilder is capable of, including tutorials and examples at its official page.
A FormBuilder - Powered Contact Form
Win a Free Copy!
Five of you will have a chance to win a free copy of FormBuilder, complete with sources and PSDs by doing the following:
- Leave a comment below;
- Tweet about this post;
The winners will be announced on January 10th in a follow up post.
246 Comments
Hey, I want to win a copy!
Very Nice . Like Always
Hope i win :D
I'd really love to win this! Count me in!
Twitter: @digiNex
Great! Gimme this.
Nice Script...I can already imagine all the time I'll use doing other stuff instead of doing forms! I really want a copy!
o.o; very cool... want to know all about this form builder!
Would be great to win a copy
Really nice looking script, would like to be a lucky winner!
Tweeted: http://twitter.com/#!/craigcpaterson/status/19758807500460032
Hum, very simple ! Need it )
BTW, I found a lot of cool and interesting technics in here which help me a lot on my development! Congratulations and keep up with your work!
Very usefull... Thanks
Hey!
I'd like to win a copy, too.
looks great!
This isn't the first of its kind, but scanning over the tutorials I'd say it looks to be the most user friendly. I've actually been looking for something of this nature for a few of my clients that want a more "custom" contact page.
Here's to an attempted win ;) - Cheers!
Hop I can also win,This is going to be very helpful...:)
Amazing,
sometimes i want to forget html and only click.
I hope to win this script. This will help me in so many different ways! Can it be me? Please? :)
http://twitter.com/#!/rgenzon/status/19760465500442624
I want this
gt@kainy.cn thanks。
Count me in!
http://twitter.com/#!/pablolarah/status/19760737853378560
Looks awesome :D
http://twitter.com/#!/ciaravino/status/19761012743864320
Wow, that looks great. Going back to reading after the comment :-)
Wow! this looks really cool!
Merry Christmas :]
And, yeap, one copy for me, please :D
I would win a copy :D
Really handy and awesome script. Would be useful in many cases. That's for me :)
I am in. http://twitter.com/#!/nickplekhanov/status/19763518152646656
Merry Christmas to All!
Happy Xmas holidays! I'd like one because it works fine and it's cool, thank you!
On Twitter I'm @musingspuntoit
this looks rly nice!
Great form design...
one thing about it: it skips drop down select when using tab ...
Now, that could really come in handy. :)
i see demo of this script....
i can write the same script :) but thx for greate job!
Awsome, this will save me lots of time!
Great Script
http://twitter.com/#!/madara_clan/status/19768822286262272
hello
nice tool !
This is nice !
beg for a copy...
I'd love to get a copy, it looks like a great tool.
Yay, i'd like to have one!
Looks really slick.
http://twitter.com/gormanIT/status/19772644006035456
Btw, here is my tweet: http://twitter.com/#!/imsoper/status/19772471976665088
Wow this is really nice
http://twitter.com/wwebedd
This looks awesome. Forms always slow me way down. This would end that.
Thks !
http://twitter.com/#!/devzonefr/status/19774900105383938
This would be awesome, forms DO suck! Tweeting now!
I would like to have one copy
Looks like a great script, this would really come in handy.
Hey I would love a copy of this!
Very Nice!
Forms is such a pain to create over and over and over again, I would really like a copy of this *_* !
Very usefull. I want it :D Twitter: goktuggumus
Nice script. I would like to have one copy of this. Hope I win.
Hey! I want a copy, this is really nice.
wow thats a great script
i want it toooo
I'd love a free copy!
http://twitter.com/#!/Tutorialzine/status/19757233965367297
I am in and want to win and tweeted @umefarooq
Maxxa, would love a copy :)
I hope I can win...
Would love a copy too!
something I was looking for, plz count me in
very nice i want it !
Really great script. Nice Layout. Would like to win a copy!
tweeted : http://twitter.com/#!/darkstars/status/19798932339036160
great work. nice
Thanks for the honest review it made me laugh,
I'll join because forms literally suck.
http://twitter.com/#!/bionic_/status/19799889055588353
yeah cool i wanna win a free copy since i enjoy reading your posts and articles , i wish i can win and good luck for every one ;)
also my my tweetie : http://twitter.com/#!/mu3z/status/19801349331881985
Awesome....I need one copy fingers x
great script.. I will surely integrate it in my workflow... maybe for free with this giveaway.
Here's my tweet:
http://twitter.com/#!/webbografico/status/19807943352385536
Nice one. Just tweeted. Hoping to win a copy.
Nice script, thanks for the giveaway. Hope I win.
Why not, lets try to win this great script.
And placed a tweet at http://twitter.com/#!/perfortuna
Looks very useful and simple to use.
I want it
Very Good!! I want it for my website!
Wow! This theme and font would look great on a long term project I'm working on, would love to win a copy!!
Awsome tried something similar a while back but it did'nt work well but this looks great would love to win a copy but if not would be happy to pay for it.
tweeted under @Climber_ag
I'd love a copy :)
Forms suck as bad as frames. I shall use this form system to amass enough information to take over the world and I will give you a share of that world...
Tweeted dat: http://twitter.com/#!/farazqureshi/status/19836122741870592
Hello
Great tool. I want to win one! My tweet: http://twitter.com/LinuxHUN/status/19837750001799168
I want one copy :)
Thanks
send me warez one :p
http://twitter.com/#!/homer59650/status/19836709382389760
I hope I'll win! :D
(http://twitter.com/Jooby_Design)
Need need need!
Very useful . i need this
http://twitter.com/#!/Debian_tutorial
It looks so amasing !
I want it! :)
By the way, I'm 16teen years old Web Designer From Serbia ! :)
I hate forms! Please let me win!
forms don't suck any more :)
this is so cool....would help me alot
I would like to win it too :)
Yeh, i want a free copy.
Would come in handy for almost every project - hopefully for free :D
(My Tweet)
Oh man, I love this!
I hope I win! :D
Looks awesome, I could definitely use that!
+1
One free copy please!
I don't know if this Form Builder is something so useful for many of us that we work on websites (and probably we know how to build them), but i know for sure that your work on this Tutorial Website is really unvaluable and we Apreciate your "gifts" that you share with us! Have a Wonderful and Creative New Year!!
Greetings from Greece :-)
Nice form, If I don't win it, I'll have to buy it.
Nice, I want one.
http://twitter.com/#!/sag3r
One of the most repetitive tasks for every website I create is building the contact forms. I would love to win a copy of FormBuilder because it looks like a simple and straightforward way to make beautiful forms.
I'm tweeting about this post from @nlgraphics
Thanks!
Heather
Me gusta. Muy buen script.
cool, I love it!
Love it !!!!
Hi,,,, I want to win a script.
Tweet tweet , I need to win this :)
It's very nice, I like it!
I will Try to Create My Own FormBuilder
forms do indeed suck. would love a copy!
I’d love to get a copy... I hope so...
Add me in the contest :)
http://twitter.com/swapnil0545
Great! Easy forms? Count me in!
Brilliant script! Yes building forms are indeed hard and requires effort to perfect it.
nice!
Great work !!!!
http://www.twitter.com/pratik663
Nice form, design, validation and many more....
I would love to win this great formbuilder :)
Twitt here -> http://twitter.com/jadeddk/status/20019227490521088
a MUST for every developer... Time saver!
I would love a free copy of this script! I absolutely hate having to build forms - I avoid it as much as possible.
Tweeted->http://twitter.com/#!/kooliokey/status/20043730694176768
THis form is simple and awesome. By the way i have tweet this post. Thanks
Would be great to win a copy
looks great as allways.. seems like a great neat tool. hope to get chance to use it
http://twitter.com/#!/g0mpe/status/20052932871331840
Great, hope I'll win it !
I WAAAAAAAAAAANT THIS!!! oO°
This would be great to have ;)
http://twitter.com/lucky_m
Simply Awesome!
http://twitter.com/mamunabms/status/20070605625757696
amazing think,i hop that i win
Great Job! I love it!
http://twitter.com/reviewst
want this
Another useful tool to add to my arsenal.
Wonderfull!
I hope I'm in a lucky day :)
Nice form :)
This looks amazing. Give it to me. Now!!
Looks very usefull great!, Thanks
I want to win this cool tool too ;)
i love it.. diggin this post!
Wow, this looks like it can save some serious time... I hope I win!
Wish you luck :))
Great Job!
Amazing tutorialzine.com
I think it's the best way form learn!
Good Job!
A copy would be great!
Looks awesome, love the light theme!
Thanks. Sure it will be very useful :)
Tweet is here http://twitter.com/#!/organzae
Looks really great you're FormBuilder, im curious if i can use it :)
I gotta have it!
Cool!
I want a copy!! XD
Twetting...
I love it...Give it to me :)
Nice one. WIll buy it anyway ;)
I want one too ~~
It would be great if I won a copy :p
Great, a new great form builder, i wish probe it!!
Awesome form!!!
Tweet tweet tweeted...
http://twitter.com/myGlob
Great tutorials!
Cheers
Happy New Year
Cool!
Let's try it!
The form its mine!!!!
I'd love to get this form builder; add me in!
Por favor quiero mi copia!. Please!.
The Best, The Best, a simple vista un formulario cool !!!
Looks like a time saver. I aprove :)
I want it :D
Awsome script.... I love it....
wowww i want one...
i tweet this http://twitter.com/#!/InviaDesign/status/20672291570450432
Yeah, forms are the bane of my existence, the last thing I do on any site. Oh for this tool to make my life better!
Thank you so much for this!
Man simple a forms are already oldshool in the web @Tygas
i need a copy too
nice =)
Just what I've been looking for. Win or lose, I'm in.
me gusta esta muy bueno
Awesome!
I'd love to win.
Yes, a free copy will be great. Thanks
Cool! ... i want only the php source XD
Heyyy, looks great!!! i Want.
Excelente Form Design, looks great!!!. I want it.
http://twitter.com/chicus12/statuses/22873091868725248
Nice:) Pick me, please. My Rt: http://twitter.com/#!/warstwydotcom/status/21527975522471936
Very cool form builder. Worth it win or lose.
Count me in too ;)
http://twitter.com/#!/majurulez
Damn this is hot my site needs form builder !
Nice form builder ! Me, me me ! :)
Looks awesome, a free copy would be great!
http://twitter.com/#!/Jgrumbkow
Can is still win this?!
I want to win
Don't be bad, let me take it home... sweet guys!
Happy New Year.
Hey mate ,
Could you help me with one issue ?
I would like to add a password field , but I can't seem to to that, can you help me with it ? :)
This looks great!! I would love to win a free copy!!
Thanks!
WOW awesome!
What a neat constructor!
I WANNA WIN IT!
I want this copy. Let me win
Nice one! Count me in!
http://twitter.com/#!/jeffsama24/status/22152084400898048
I want this..it'll help me more doing my projects..
I want this FormBuilder...
Very nice script! I've got my fingers crossed ;)
tutorialzine is an awesome^10000 website and a must too
your tutorials are very very use full and the best was of ajax chat
u guyzz rock !!
it is a must
i want the form!!!!!! :)
ohh i want to win !
i want 2 win
Impatient to try this :) Thanks !!!
Looks really nice. Need a copy.
Great!
I want!
ooo useful form.thx
@napoli081
My copy... please.
I'm In!!! Amazing Form
Looks great!
Amazing form. Might be able to replace google form :-P
I wish I could win a free copy!
and I tweeted http://twitter.com/#!/windhood
Great Tutorial!
I would like to learn more about what FormBuilder is capable of!
Thank You!
I hope I can win this time (:
Nice giveaway. Count me in.
Hello, it's a good gif for 2011 ! ;)
thanks a lot!
Wish I would win one. Cheers.
harika bir yazı olmuş elinize sağlık
nice! hope i win :D
and the tweet: http://twitter.com/#!/sziky
Hey, thats so cool. I want a copy!
http://twitter.com/Hiatomx
Looks pretty cool.
Me vants it.
Seems to be a handy tool! So I'd love to win a copy! Thanks
This form look so beautiful
Amazing, I wan it!!! Yeah
http://twitter.com/chicus12/statuses/22873091868725248
This is awesome, loving your work as always Martin!
Would love to win a free copy!
And me i vant to win one!
Happy new years 2011 every body.
Happy new years 2011 everybody,
I take a chance too ;)
this will make my website boost it's confidence because of it's look and slick design i am really pleased if i would received such art!.
Would be nice to win this.
Hi! I hope to win this awesome script :)
http://twitter.com/#!/beastie_drema/status/23013795324493826
thx.
Very nice program.... :)
Ouaouu, very nice
I want this
nice!
I'd love ac opy!
Hi,
Very nice thought.. I want to be win.....
i like this script, i need a copy of it..
I've never won anything: (
Nice contact form!
Contact form on of most important part of a website. Because that connects the visitors to web site owner directly. And yours forms lokking pretty much promising. I wish i would win a free copy
Kind regards,
Simanto
Would love to have this baby.
Good!!
My tweet http://twitter.com/gadildesign
HEy I like to win this stuff, very usefull indeed..
I need this contact form for my website, I find it too well, and it corresponds exactly to the layout of my site.
thank you very much in advance http://tutorialzine.com/ if I managed to get the free copy and http://www.zinescripts.com/ for their great work.
Screenzone :
Announcing FormBuilder, Win a Free Copy! tutorialzine.com/2010/12/announ… via @tutorialzine
hey i like this for....hope i get a free copy.. cheers
This looks fun to implement.
What's the 'fromName' parameter for, in the first field?
Sounds like a great script, would be a great tool to own.
Hey! Would be awesome if I wold win a copy!!
twitter @thegoldenbus
me me me me me :)
good stuff and i would like to win too :)
and on twitter http://twitter.com/#!/luciferangel/status/24453103482839040
and good luck for everyone , very nice script i just viewed the demo
Nice form good work :)