15 款优化表单的 jQuery 插件

jopen 10年前

网页上的表单提供给用户的一种交互的方式,用户输入数据,提交到服务器,等待后续的处理。这些表单在我们浏览的网页中随处可见,也容易被我们忽略。 比如,“联系我们”页面会提供一个表单给用户填写他们的信息和想提的建议或者问题,但是开发者往往只关注网站的设计和用户交互的内容,并不会注意到用户进 行交互的方式——表单。

以下整理的这个列表就是为 Web 开发者准备的,包括了 15 款优化表单的 jQuery 插件。希望大家能从中找到适合自己的 jQuery 插件,优化网页表单,更好的与用户进行交互。看完要记得和大家分享你的感想哦:)

A Fancy AJAX Contact Form

Demo || Tutorial

Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms.

15 款优化表单的 jQuery 插件

Creating a Neon Blink Effect for your Forms

Demo || Tutorial

How cool will it be to have a glowing blink effect behind your input boxes in a form without using Flash? Well thanks to the bright new kid on the block, CSS3, spruced up with a bit of jQuery! In this tutorial, I will show you how to build a nifty effect to enhance your forms.

15 款优化表单的 jQuery 插件

Advanced JavaScript Table Sorter – TinyTable V3

Demo || Tutorial

The third iteration of the TinyTable table sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. At only 6KB it is still lightweight, quick, and includes all previous TinyTable features.

15 款优化表单的 jQuery 插件

Complete Transactions Form

Demo || Tutorial

Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.

15 款优化表单的 jQuery 插件

Designing a form using pure CSS enhanced with Jquery

Demo || Tutorial

In this tutorial,i have created a form using pure css and i have skinned the form elements such as textbox,drop down list ,radio button using a Jquery Plugin

15 款优化表单的 jQuery 插件

Jq Transform Plug in

Demo || Tutorial

This plugin is a jQuery styling plugin wich allows you to skin form elements.

15 款优化表单的 jQuery 插件

PrettyCheckboxes

Demo || Tutorial

This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.

15 款优化表单的 jQuery 插件

Create a Progress Bar With Javascript

Demo || Tutorial

The Progress Bar is one of the latest components to be added to the excellent library of UI widgets and interaction helpers built on top of jQuery.

15 款优化表单的 jQuery 插件

 

jQuery Credit Card Validation Plugin: Smart Validate

Demo || Tutorial

Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction.

15 款优化表单的 jQuery 插件

Autotab: jQuery auto-tabbing and filter plugin

Demo || Tutorial

Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element.

15 款优化表单的 jQuery 插件

 

jQuery Highlight Plug in

Demo || Tutorial

Highlight increases usability by highlighting elements as you interact with the page.

15 款优化表单的 jQuery 插件

 

Sisyphus

Demo || Tutorial

Persist your form’s data in a browser’s Local Storage and never loose them on occasional tabs closing, browser crashes and other disasters!

15 款优化表单的 jQuery 插件

jqPlot

Demo || Tutorial

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts

15 款优化表单的 jQuery 插件

 

 

via dizyne.net