15 款優化表單的 jQuery 插件

jopen 10年前發布 | 10K 次閱讀 jQuery

網頁上的表單提供給用戶的一種交互的方式，用戶輸入數據，提交到服務器，等待后續的處理。這些表單在我們瀏覽的網頁中隨處可見，也容易被我們忽略。比如，“聯系我們”頁面會提供一個表單給用戶填寫他們的信息和想提的建議或者問題，但是開發者往往只關注網站的設計和用戶交互的內容，并不會注意到用戶進行交互的方式——表單。

以下整理的這個列表就是為 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.

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.

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.

Complete Transactions Form

Demo || Tutorial

Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.

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

Jq Transform Plug in

Demo || Tutorial

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

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.

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.

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.

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.