Text Widget

Hello there, this is a custom widget area, you can add anything here or in mollis est fringilla non. Vestibulum et felis lacus. Curabitur sed.

Blog Categories

Blog

Welcome to my blog

Web Development

35+ Powerful JavaScript Form Elements – Create Your Own Forms

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.

EasyAjax

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.

plum-Form

Attention

Attention Box is a simple and lightweight jQuery plugin that helps push important messages onto the screen and your users.

Attention

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.

Simple

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.

Wizard

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.

ws-combo

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.

LeValidate

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.

Pure

Sky

Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.

Sky

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.

Contact

Accordion

Accordion

formReplacer

This jQuery plugin replaces default checkboxes, selects and radioboxes with more flexible and robust counterparts.

formReplacer

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.

Validation

jic

JIC is a jquery plugin that makes simple to customize your checkbox and radio buttons by using your own images.

jic

Metro

This is a Login form that use CSS3 and jQuery Tricks to look like windows 8 login screen.

Metro

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.

Age Block

Dynamic

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.

Auto

Pure

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 .

Banner

Steppize

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.

gbRichEdit

Datagrid

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.

Easy

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.

oCombo

Registration

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.

ForMeter

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.

EditMe

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.

CSS Forms

Summer

Summer Forms are coupled login and registration forms having a set of impressing effects bundled with the bright modern design.

Summer

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.

Image Select

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.

Selective

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.

Lively

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+)

Input and Textarea

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.

Master

You Might Also Like


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.