0

Validity: Unobtrusive jQuery Form Validation Plugin

Posted by W3Avenue Team on Jun 23, 2010 in - Javascript, - Silver Light  | View Original Article
 

Validity is a powerful jQuery plugin for client-side form validation. It is easy to setup, lightweight, unobtrusive and allows you to make use of jQuery’s selector engine and follows its pattern of method chaining – so if you already know jQuery, then learning to use validity will be really easy.

Setting up and implementing Validity is quite simple. There is no need to attach validation logic to your form / markup; all you need to do is include CSS, jQuery and Validity files, and specify the validation logic using the validity method.

Features

  • Customizable Appearance
  • Unobtrusive JavaScript
  • Easy Setup
  • Access to jQuery Selector Engine for Specifying Rules
  • Can Use String Argument For Required Fields
  • Call validity’s start and end Functions with AJAX
  • Several Built-in Validators: Require, Match, Range, Greater Than/Greater Than or Equal To, Less Than/Less Than or Equal To, Max Length/Min Length
  • Supports Several Aggregate Validators

Developed by Wyatt Allen; jQuery.Validity is dual licensed under the MIT and GPL licenses.  You can find further information, demos  & download on Validity Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

jWizard: jQuery Form Wizard Plugin

Posted by W3Avenue Team on Jun 21, 2010 in - Javascript, - Silver Light  | View Original Article
 

jWizard is jQuery plugin for generating a wizard like interface for your web application. You can use jWizard to to enrich your user interface by dividing content and web forms into series of steps – reducing a large and complicated process into small chunks.

jWizard is really easy to implement; all you need to do is divide your content into multiple parts using very simple markup and then call jWizard funtion. The rest of the HTML as well as the JavaScript that you need for a slick wizard interface is automatically generated and handled behind the scenes. jWizard is also powered by jQuery UI library and is stylable via jQuery UI’s ThemeRoller or custom CSS classes.

Features

  • simple HTML, CSS and JavaScript setup requirements
  • Custom Events: finish (jWizard), cancel (jWizard), activate (steps), deactivate (steps)
  • Flexible CSS and Styling Capability
  • jQuery UI Themeroller Integration
  • Programmatic Step-Navigation (via Public Methods)
  • Step Counter (with Percentage and Count modes)
  • Custom Button Text
  • Sidebar Navigation (Step Titles and/or Step Numbering)
  • Seamless HTML Forms integration (set the ‘buttons.finishType’ configuration option to ‘submit’)
  • Integrated Form Validation (Step-Based)
  • jQuery UI Animations built in

Developed by Dominic Barnes; jWizard is available for download License Free.  You can find further information, demos & download on jWizard Project Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , ,

 
0

jWizard: jQuery Form Wizard Plugin

Posted by W3Avenue Team on Jun 21, 2010 in - Javascript, - Silver Light  | View Original Article
 

jWizard is jQuery plugin for generating a wizard like interface for your web application. You can use jWizard to to enrich your user interface by dividing content and web forms into series of steps – reducing a large and complicated process into small chunks.

jWizard is really easy to implement; all you need to do is divide your content into multiple parts using very simple markup and then call jWizard funtion. The rest of the HTML as well as the JavaScript that you need for a slick wizard interface is automatically generated and handled behind the scenes. jWizard is also powered by jQuery UI library and is stylable via jQuery UI’s ThemeRoller or custom CSS classes.

Features

  • simple HTML, CSS and JavaScript setup requirements
  • Custom Events: finish (jWizard), cancel (jWizard), activate (steps), deactivate (steps)
  • Flexible CSS and Styling Capability
  • jQuery UI Themeroller Integration
  • Programmatic Step-Navigation (via Public Methods)
  • Step Counter (with Percentage and Count modes)
  • Custom Button Text
  • Sidebar Navigation (Step Titles and/or Step Numbering)
  • Seamless HTML Forms integration (set the ‘buttons.finishType’ configuration option to ‘submit’)
  • Integrated Form Validation (Step-Based)
  • jQuery UI Animations built in

Developed by Dominic Barnes; jWizard is available for download License Free.  You can find further information, demos & download on jWizard Project Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

jQuery CalendarPicker: Unique Date Selection Component

Posted by W3Avenue Team on Apr 8, 2010 in - Javascript, - Silver Light  | View Original Article
 

CalendarPicker is a unique lightweight jQuery plugin that allows users to change dates using a mouse wheel. In order to use CalendarPicker you also need to include Brandon Aaron’s Mousewheel Plugin that adds mouse wheel support.

CalendarPicker is a cross browser plugin that works in all major browsers including IE6. Implementation is really simple and you can easily change look and feel of your component by editing the CSS file. It also provides essential configuration options enabling you to change its behavior.

Features

  • Easy internationalization
  • Supports changing current date
  • Supports mouse wheel scrolling
  • Supporting (deferred) callback on date selection
  • Supports variable number of years, months and days
  • Supports next / previous arrows

Developed by Roberto Bicchierai; jQuery CalendarPicker is available for download under MIT License.  You can find further information, demos & download on CalendarPicker Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

jsDatePick: JavaScript Date Picker

Posted by W3Avenue Team on Apr 7, 2010 in - Javascript, - Silver Light  | View Original Article
 

jsDatePick is an easy to use JavaScript date picker that uses DOM techniques to generate its HTML code. You can attach date picker as a popup or appended directly to the field. It does not rely on any JavaScript library and works in all major web browsers.

jsDatePick is very simple and easy to implement. It allows users to quickly browse both years and months, and provide you the ability to set range for years. You can customize its look and feel via CSS or simply specify one of the available color schemes to match your design.

Developed by Itamar Arjuan; jsDatePick is available for download under GNU General Public License.  You can find further information, demo & download on jsDatePick Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , ,

 
0

Two Sided Multi Selector

Posted by W3Avenue Team on Mar 21, 2010 in - Javascript, - Silver Light  | View Original Article
 

Two Sided Multi Selector is a jQuery plugin that will automatically converts a multi select list into a two-sided multi-select list. Two Sided Multi Selector will display list of options in a select list on left, while selected items will be displayed in a select list on right. You can move an item(s) between two boxes by selecting items(s) and clicking on arrow buttons (add, add all, remove, remove all).

Two Sided Multi Selector will not affect the post-back as the selector will create the elements with the correct name – this means it can safely be used to add functionality to your multi-select list without worrying about how to handle the post-back on the server.

Features

  • Keep the lists in order regardless of order-of-selection (Using Tiny Sort plugin)
  • Add or remove all items by using the double arrow
  • Unobtrusive
  • 100% styled using CSS

Developed by Steve Fenton; Two Sided Multi Selector jQuery Plugin is available for free. You can find further information, demo &  download both Two Sided Multi Selector Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

Ketchup: Extendable jQuery Plugin For Form Validation

Posted by W3Avenue Team on Feb 17, 2010 in - Javascript, - Silver Light  | View Original Article
 

Ketchup is flexible and extendible form validation plugin that allows you to easily control its appearance and functionality. Powered by jQuery, you can extend it to add more validation rules that fit your needs. If you don’t prefer the default styling you can easily change it as well to match your theme.

The main strength of this plugin over other validation plugin is the way code has been organized. It is divided into three files: core , messages and validation that enables developers to easily extend any part of the script. The look and feel can easily be modified by changing the CSS file.

Developed by Sebastian Senf; Ketchup jQuery Plugin is available for download under MIT and GPL licenses.  You can find further information, demo & download on Ketchup jQuery Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

jQuery MultiSelect Plugin With ThemeRoller Support

Posted by W3Avenue Team on Feb 11, 2010 in - Javascript, - Silver Light  | View Original Article
 

jQuery MultiSelect Plugin allows you to turns an ordinary HTML select control into an elegant drop down list of checkboxes. It provides full support for ThemeRoller without having to use jQuery UI library. jQuery MultiSelect Plugin is cross browser plugin and works on all major browsers including IE6.

jQuery MultiSelect is very easy to implement, it requires straight forward markup for HTML select element – enabling it to degrade gracefully where JavaScript is not available. You can easily change the look via CSS and customize various setting using configuration options.

Features

  • Full ThemeRoller support
  • Optgroup support with clickable labels
  • Optional header with check all / uncheck all / close links
  • Degrades gracefully
  • Keyboard support (albeit, somewhat shaky at this point)
  • Ability to hook into 5 different event callbacks
  • Display the checked options in a list with a configurable maximum
  • Easily change the position, fade speed, scroll container height, links text, and input text
  • The widget width inherits from the original element, but is also configurable as a parameter
  • bgiframe support
  • Only 6kb minified

Developed by Eric Hynds; jQuery MultiSelect Plugin is dual licensed under the MIT and GPL licenses.  You can find further information, demos & download on jQuery MultiSelect Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

jQuery Form Wizard Plugin

Posted by W3Avenue Team on Feb 8, 2010 in - Javascript  | View Original Article
 

The jQuery Form Wizard Plugin will convert your regular forms into step-by-step form wizard without having to reload the page when moving from one step to another. The plugin is unobtrusive and gives you the ability to set up flow of the different steps, by creating specific routes based on user input.

Implementation of jQuery Form Wizard Plugin is pretty simple. All you need to do is create a form on your page and divide this form into different steps using span or div elements. The only other requirement is that each of these elements must have class ”step” and unique id.

Features

  • Supports different routes to be taken in the form, depending on user input
  • Submits only input fields located on visited steps in the form
  • Supports multiple “submit”-steps
  • Supports both back and forward navigation
  • Supports the usage back and forward-buttons through integration with the jQuery History plugin
  • Supports client-side validation through integration with the jQuery Validation plugin
  • Supports posting the form using AJAX through integration with the jQuery Form plugin
  • Integrated plugins are fully configurable: creating possibility for localization, extra validation rules and custom callbacks used during the AJAX-request

Developed by Jan Sundman; gMap jQuery Form Wizard Plugin is available for download under MIT License.  You can find further information, demos & download on jQuery Form Wizard Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

Support Multiple Methods For File Upload With Plupload

Posted by W3Avenue Team on Feb 7, 2010 in - Javascript  | View Original Article
 

Plupload is an advanced open source JavaScript component for file uploads. It has the unique feature of supporting multiple upload methods including: HTML5 Gears, Silverlight, Flash, BrowserPlus and normal forms. Other features include: upload progress, image resizing, multiple file uploads,  and chunked uploads.

Plupload unique features makes it highly usable upload handler for Content Management Systems or similar solutions. It is currently separated into a Core API  and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.

Developed by Moxiecode Systems – the developers of TinyMCE; Plupload is available for download under GPL2 License.  You can find further information, demos &  download on Plupload Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , , ,

Copyright © 2010 Answer My Query All rights reserved. Maintained by Orange Brains .