Today we will show you professional and powerful JavaScript form elements of 2013. All plugins has been design and development from CodeCanyon authors with super awesome overviews like; fully customizable for beginners and professionals, easily “Modernize” existing forms by linking in these scrits, full online documentation to guide novices and pros alike. So you can build and design your forms as you see fit with amazing jQuery effects. We listed below 35+ Powerful JavaScript Form Elements and scripts with small screens and descriptions below. You will see with this collection with Ajax forms, simple and elegant form elements, contact forms, form wizards and much more.
Our last article was about JavaScript Countdown Timer Plugins. If you are looking premium version of calendar widgets for your event websites, don’t forget to check this article. Enjoy.
Updated on 16/04/2016
EasyAjax
Easy Ajax Form turns boring, static HTML forms into dynamic web components by adding validation and Ajax capability. You write zero lines of JavaScript.
plum.Form
plum.form is the perfect tool for designers who need to step over the boundaries of boring web forms. It simplifies the process of creating perfect forms that look beautiful and add extra features to your web site.
Attention
Attention Box is a simple and lightweight jQuery plugin that helps push important messages onto the screen and your users.
Simple
The plugin keeps the form’s labels in the email sended, using their “for” attribute. jQuery Simple Contact Form can check required and email fields too, and add a custom class error to the wrong elements.
Wizard
WizardPro allows you to create website wizards in just a few minutes. You can use this plugin for almost anything that requires a few steps, like a application installer, a signup or contact form.
ws:combo
ws:combo is a JavaScript component, built on top of jQuery, used to replace the standard HTML select element with more advanced UI control.
LeValidate
LeValidate gives you ability to validate forms by rules that are very easy to set along with css3 dynamic notification box which you can modify as you like. Plugin is mainly designed to be light and easy to edit for everyone.
Pure
Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fill.
Sky
Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.
Contact
A jQuery form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation.
Accordion
formReplacer
This jQuery plugin replaces default checkboxes, selects and radioboxes with more flexible and robust counterparts.
Validation
Clean and usable login & register form is for every developer. It’s very fast CSS form with jQuery validation. Error handling, social buttons and forgotten password handling is in there. Bring to live with a jQuery.
jic
JIC is a jquery plugin that makes simple to customize your checkbox and radio buttons by using your own images.
Metro
This is a Login form that use CSS3 and jQuery Tricks to look like windows 8 login screen.
Age Block
This is an extremely handy Jquery plugin to have if you have an age restricted site. If you have an existing PHP page blocker, why not add a creative supplement system into your site.
Dynamic
Auto
The “Form Builder – made easy” script is a Javascript helping you as a developer and/or designer to create valid HTML5 forms with ease; without having to remember all available input fields and attributes or the new HTML5 standards and options.
Pure
Banner
This smart plugin, helps you get your viewer’s attention really easily. It comes in four bright, yet gentle colors, to match any color scheme. If that isn’t enough, you can customise the colors to your hearts content via CSS .
Steppize
gbRichEdit
gbRichEdit is a rich text editor plugin for jQuery, easy to attach to (X)HTML textarea elements. It creates the most basic editing options such as bold text, italic text, ordered and unordered list, link and image insertion.
Datagrid
Easy
This form loves validation. All fields (except for Company) are all validated through jQuery and PHP. JavaScript mainly for normal users who just love to fill in forms (and to save sending unnecessary requests to the server). PHP validation for those who love to try to break forms or just simply have JS disabled.
oCombo
oCombo is a jQuery plugin that convert your selectboxes into an imposing components. If you require images for your selectbox items, oCombo is a perfect solution for your site.
Registration
ForMeter
ForMeter is a jQuery plugin that will allow you to add a fancy progress bar on your registration, contact, settings, CV, feedback or profile form, so the users will be able to see the percentage of form completion.
EditMe
All you need to do is to and an input box with the type of text in your markup, call this script and you can now edit your content. When pressing save, NO ajax is happening. This means, that you can use this script with a larger form, that uses a POST to save the data.
CSS Forms
D.A. Custom Forms is a set of responsive layout HTML/CSS forms validated via javascript. There are 3 layouts of the forms: vertical , horizontal and modal.
Summer
Summer Forms are coupled login and registration forms having a set of impressing effects bundled with the bright modern design.
Image Select
The plugin has two display modes: drop-down (up, left, etc.) list and checkbox / radio button. In second display mode you can specify the number of images that will be displayed and choose the axis of scrollbar.
Selective
jQuery Foggle is a plugin that lets you interact with various form elements based on user-input. It lets you choose which elements to enable (or disable) while the user fills out the form.
Lively
Lively Validator is the jQuery plugin that validates form input data. It checks that only valid data is submitted, and also provides a user-friendly, responsive and lively interface to guide users as they fill out a form.
Input and Textarea
tInput is a textarea and input manager plugin for jQuery. It is lightweight and works with older versions of jQuery as well (has less than 5kb minified and works with jquery 1.2+)
Master
The Master Form Builder is a simple tool for creating advanced HTML forms with features such as conditional fields, client and server side validation, sending email, uploading files and adding custom validation callbacks.
