20 个增强表单功能的 jQuery 插件

简介: 1) jQtransform jQuery Plugin 对表单进行外观美化的插件 2) Live Validation LiveValidation 是一个轻量的表单验证库。除了传统的验证功能,还提供实时验证,可以一边输入一遍验证。

1) jQtransform jQuery Plugin

对表单进行外观美化的插件

2) Live Validation

LiveValidation 是一个轻量的表单验证库。除了传统的验证功能,还提供实时验证,可以一边输入一遍验证。Ruby on Rails 用户可能会发现这个库非常好用,因为他们的命名规则和参数十分近似。该库既有独立版本,又有一个 Prototype 版本。

3) jQuery Comment Preview

4) In Field Labels jQuery Plugin

这是一个用来对表单进行处理使之支持直接在编辑框中显示提示信息的插件

 

5) Checking Username Availability with Ajax using jQuery

检查用户名是否有效的插件

6) Fancy Ajax Contact Form

7) Ajax Fancy Captcha

这个jQuery插件提供一种新颖,有趣的验证码校验方式。它让用户从几种备选的图标中,选中一种拖到一个指定的地方来实现校验。

8 ) Progress Bar with Javascript

表单完成状态的进度显示

9) changing-form-input-styles-on-focus-with-jquery

10) Masked Input Plugin

11) Make-image Buttons a Part of Input Fields

12) Lightform Free Ajax php Contact Form

 

 

13) Contactable jQuery Plugin

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort.

 

14) Perfect Sign in Dropdown Box Likes Twitter with jQuery

Twitter’s running a new homepage with clean and easy design. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form.

 

15) jval jQuery Form Field Validation Plugin

16) jQuery Asmselect

 

 

17) Advanced Form Styling Functionality

This screencast walks through the code that powers a fairly advanced web form. It utilizes jQuery to hide and show inputs as needed as well as power three plugins.

 

 

19) Magicpreview

Magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms.

 

20) Submit a Form Without Page Refresh Using jQuery

In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background).

 

Via technotab

更多关于jQuery的详细信息,或者下载地址请点这里

 
目录
相关文章
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
56 0
|
JavaScript
jQuery 自定义插件
jQuery 自定义插件
46 0
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
52 0
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
5天前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
25 2
|
6天前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
16 4
jQuery Growl 插件(消息提醒)
|
4月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
47 1
|
8天前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
21 4
jQuery Cookie 插件
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
4月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
28 0