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.




Read more (locally) ...


Partner : Tutorialzine


--------------------------------------------------

LOGECT Publisher Network™ (beta) is a Service that allows others to publish their syndicated content by RSS Feeds.

موضوعات مشابه: