20个jQuery插件,帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地 使用体 验。基于这一点,很多设计师开始使用jQuery来创建网页表单。而使用jQuery表单插件会让你的网页表单脱颖而出。

为 此,我们收集了一些不同类型的jQuery表单插件和读者分享。在下面这些jQuery表单插件中,有些能改变表单的外观并同时兼容各种浏览 器;有些用于表单验证并方便管理员和用户的操作;还有一些则是非常流行的日历表单和下拉列表表单。我们希望这些插件能够有助于你的工作。

1、高亮表单插件

高亮功能可以增加页面的可用性。

2、mcDropdown

一个允许用户选择下拉菜单的表单插件。

3、让图片成为输入框的一部分

在输入框里可以嵌入图片。

4、jQuery Impromptu

一个为用户提供更舒适输入方式的表单插件。

5、jqTransform

一个美化表单元素的风格插件。

6、密码强度测试仪

一个能显示密码强度的jQuery表单插件。

7、The jQuery Tooltip

添加了一个消息提示功能,用户可根据自己的喜好来做出相应的选择。

8、日期选择插件

一个简单的日期选择插件。

9、自动提示插件

一个轻量级的自动提示插件。

10、自动保存插件

这个插件被设计用来自动保存表单信息,这样即使有某些未知的事情发生,用户也不会丢失他们已经输入的内容。

11、表单输入自动tab和自动过滤

提供了自动跳到下一个输入框功能和自动过滤功能。

12、AJAX Upload

一个无刷新上传多个文件的插件。

13、Contactable

一个方便易用的联系表单插件。

14、jQuery UI Slider from a Select Element

使用该插件,用户既可以从下拉列表中选择开始与截止日期,也可以拖动滑块来选择。

15、快捷键

该插件允许你在代码中很方便地添加或移除键盘事件。

16、jQuery复选框

用于在JavaScript被禁用时,显示复选框的状态。

17、PrettyCheckboxes

此插件会让你的复选框更加醒目。

18、jQuery验证插件

一个在提交表单时显示提示信息的验证插件。

19、LightForm

A form that combines FormCheck2 for fields validation and NiceForms to style tech fields and textareas.

该表单整合了用于验证字段的FormCheck2插件以及用于美化字段和输入框的NiceForms插件。

20、In-Field Labels

当输入框被选中时,输入框里的标签开始慢慢退色直至消失。

英文原文:20 Useful jQuery Plugins to Work With HTML Forms
本文转载自: http://www.iteye.com/news/24708

时间: 2024-12-19 19:28:35

20个jQuery插件,帮你打造完美网页表单的相关文章

10款优秀Vim插件帮你打造完美IDE

导读 如果你稍微写过一点代码,就能知道“集成开发环境”(IDE)是多么的便利.不管是Java.C还是Python,当IDE会帮你检查语法.后台编译,或者自动导入你需要的库时,写代码就变得容易许多.另外,如果你工作在Linux上,你也会知道Vim在进行文本编辑的时候是多么的方便.所以,你可能会想从Vim中也获取这些IDE特性. 事实上,很少有方法可以帮你做到.有些人可能会想到试着把Vim打造成C语言IDE的,比如c.vim:也有把Vim集成到Eclipse里的 Eclim .但是我想要告诉你的是一

2016年4月最佳的20款 jQuery 插件推荐

这个列表包括20个我们觉得是最有用的免费的 jQuery 插件,它们都是最具创新性和最省时省力的解决方案,很多都是现代化的设计和开发中碰到的问题的处理方案.如果你熟悉下面列出的任何插件,请与我们的读者分享您的意见,或者如果您知道的我们还没有包括的话,请与我们分享在下面的评论部分. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码

使用jquery插件coin-slider轻松打造幻灯片教程

今天为了做一个模板,来收集幻灯片插件,最终确定了两款比较合适的.coin-slider和nivoslider,为此,研究了一下午,从各个方面来实验这两款插件,究竟哪款比较适合.比较好. 当然,聪明的你看题目就已经知道了.我必须要吐槽一下nivoslider这个jquery插件.这两款插件,在看官方的demo时,这个插件的效果要比coin-slider好一些.看了一下教程,可以自定义的参数较多,貌似功能要更强大一下.于是我就首先研究了一下这款插件的使用方法.由于网上教程比较少,大部分都是直接复制的

【jQuery】学习jQuery插件的使用与写法(表单验证插件-validation)

最新最全的插件可以从jQuery官方网站的插件板块下载,网站地址为:http://plugins.jquery.com/ Validation优点:内置验证规则:自定义验证规则:简单强大的验证信息提示:实时验证. 三种不同的写法 1.1 确认哪个表单需要被验证,引入jquery.validate.js插件 <script type="text/javascript"> $(document).ready(function(){ $("#commentForm&qu

用jquery插件写一个小米官网左侧二级菜单

知识点:静态布局思路,jquery动态布局,代码格式规范,jquery插件调用, 鼠标滑动二级菜单构建. html代码: <div id="Tz_banner"> <ul> <li class="firstLi">手机 电话卡 <div class="info"> <ul> <li><a class="title" href="#"

50个jQuery插件可将你的网站带到另一个高度

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创

15 款优化表单的 jQuery 插件

网页上的表单提供给用户的一种交互的方式,用户输入数据,提交到服务器,等待后续的处理.这些表单在我们浏览的网页中随处可见,也容易被我们忽略. 比如,"联系我们"页面会提供一个表单给用户填写他们的信息和想提的建议或者问题,但是开发者往往只关注网站的设计和用户交互的内容,并不会注意到用户进 行交互的方式--表单. 以下整理的这个列表就是为 Web开发者准备的,包括了 15 款优化表单的 jQuery 插件.希望大家能从中找到适合自己的 jQuery 插件,优化网页表单,更好的与用户进行交互.

使用jQuery.form插件,实现完美的表单异步提交

示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是 今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 现在我们从一个ASP.NET同步表单提交开始,然后再将其转化为异步的表单提交.我写了3种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. ASP.NET服务

(jquery插件)打造百分比动态色彩条

以前没写过jquery插件,在开发这个时,写一下代码,又看一下jquery插件的定义(如何开发之类的东东),来来去去的. 之所以要写这个插件,主要是为了往后的项目中方便实现这类型的功能,在之前做问卷调查那个应用中,就用到这个来显示结果,但当时开发时并不用是插件的,一大堆代码,看也烦,用起来很麻烦(当时就调了一个上午). 还好,这个功能比较简单,正好合适新手写插件. 具体的效果如图: 这个也算是简单的比例图吧. 插件的具体的代码如下: 1 ; (function ($) { 2 $.fn.perc