Best jQuery Forms Plugins & Tutorials with Demo

The styledSelect plugin for jQuery lets you replace <select> form elements with freely stylable markup.The original select element stays in the page so your form won’t change and users without Javascript simply fall back to the original form element.

Unlike other implementations styledSelect directly replaces a select element. As such it does not support arbitrary data for each element, just the value and text of an option tag.

jQuery.my is short plugin for jQuery library. It allows real-time bi-directional binding between HTML controls and native javascript objects. Non-interactive HTML elements also can be tied with javascript objects to reflect their values in real-time.

jQuery.my allows comprehensive validation and conditional formatting of HTML inputs and static fields. Plugin recalculates and redraws interdependent controls automatically. $.my supports non-standard composite HTML controls as well as standard.jQuery.my is form-centric. We just define what form must do when controls are changed. It means we have no separate schema, controller and view definitions.

Today, I am glad to announce a new version of the Autogrow Textarea plugin. It automatically resizes your textarea; before you had an algorithm that calculated the correct width according to your font-size and cols settings. Now, the plugin does it automatically. Big time saver.

It automatically sets the correct CSS attributes; before the user had to enter this manually in the CSS file. Now it’s done by the plugin.The plugin is fired when the page loads; a lot of users requested this feature. When you load a page with data already entered in the textarea, the latter will automatically resize itself.The plugin fires on more events; the plugin used to be fired when the user was typing. Now it does more than that.It no more pollutes the global namespace; if you’re not familiar with these terms, let’s just say the code will not conflict with other Javascripts.

Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.

Plugin wraps vanilla file input with div. This div has button as background image. Image button is aligned with file inputs browse button. File input is then hidden by setting opacity to zero. Chosen file is shown in normal text input which mimics file input. This text input also inherits file inputs class. Use this class to style the text input.