15 款优化表单的 jQuery 插件

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

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

  一个精选的 AJAX Contact 表单

  Demo || Tutorial

  这个插件提供一个简单可靠的反馈表单。

  创建一个霓虹灯闪烁效果的表单

  Demo || Tutorial

  不需要使用 Flash
就可以创建一个霓虹灯效果的表单。

  高级 JavaScript 表单分类器 – TinyTable V3

  Demo || Tutorial

  第三代 TinyTable
表单分类脚本添加了搜索,列平均值和合计,记录号,查看所有函数视图和重置功能。大小接近 6 KB,非常轻量级。

  完整经济业务表单

  Demo || Tutorial

  Recurly.js 是完整经济业务表单非常安全,兼容 PCI,支持完全自定义的
CSS。

  使用纯 CSS 创建表单,使用 jQuery 优化

  Demo || Tutorial

  在这个教程中,我们使用纯 CSS
来创建一个表单,使用 jQuery 插件来给表单元素加上皮肤,比如文本框,下拉列表,选项框。

  Jq Transform Plug in

  Demo || Tutorial

  这个插件是个 jQuery
样式插件,允许为表单元素加上皮肤。

  PrettyCheckboxes

  Demo || Tutorial

  这个脚本提供给想要在各种浏览器中保持一致外观的单选按钮的用户,使用这个脚本就可以保证常规输入的可用性。

  使用 JavaScript 创建一个进度条

  Demo|| Tutorial

  使用 jQuery 构建进度条到各种
UI 部件库和交互帮手,用户可以查看表单的完成程度。

  jQuery 信用卡验证插件: Smart Validate


  Demo || Tutorial

  Smart Validate 是
jQuery 信用卡验证插件,使得信用卡验证变成一个简单的任务。它能保证用户输入有效的信用卡号。

  Autotab: jQuery 自动 Tab 和过滤插件

  Demo || Tutorial

  Autotab 是一款 jQuery
插件,提供表单自动 Tab 和过滤文本字段的功能。当达到文本字段的最大字符数就会自动跳到下一个表单元素。

  jQuery 高亮插件


  Demo || Tutorial

  这个插件会高亮用户与页面交互的元素,比如当输入文本时,会高亮文本框区域;当选择选项时,会高亮选项区域。

  Sisyphus


  Demo || Tutorial

  Sisyphus.js 是一个利用
HTML5 技术实现的自动保存草稿插件,它能将表单数据自动保存到 LocalStorage
中。当浏览器崩溃后,只要重新打开浏览器就能恢复数据。它也是一个轻量级的 jQuery
插件,使用也非常简单,可以设置每隔一段时间或者是数据有变化时自动保存数据。

  jqPlot

  Demo || Tutorial

  jqPlot 是 JavaScript
框架,同时也是 jQuery 绘图和图标插件。jqPlot 提供各种漂亮的折线,条形和饼图图表。

  via dizyne.net

15 款优化表单的 jQuery 插件,布布扣,bubuko.com

时间: 2024-12-15 05:46:28

15 款优化表单的 jQuery 插件的相关文章

15款创建漂亮幻灯片的 jQuery 插件

1. Skippr Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口宽度,而且导航是独特的条形导航. 效果演示      源码下载 2. Prezento Prezento 这款 jQuery 插件可以让你网页以新颖的交互方式呈现.另外,Prezento 支持响应式设计,配置项也很灵活,可以根据你需要的效果配置. 效果演示      源码下载 3

推荐15款创建漂亮幻灯片的 jQuery 插件

对于设计师,开发者,摄影师或任何创造性的个人和企业,他们自己的网站是展示他们的技能和服务的最佳场所.你可能打算设计一个新的个人作品网站,不管你是从头开始或使用模板,都会需要使用 jQuery 幻灯片插件,以美丽夺目的方式显示的作品. 网络上有很多的 jQuery 幻灯片插件,很难决定哪一个更好.因此,我们编辑了15款目前比较优秀的 jQuery 幻灯片插件,帮助你用一个美丽的和创新的方式展示你的图片或者视频列表.如果你有熟悉的任何其他幻灯片插件,请与我们的读者分享您的反馈. 您可能感兴趣的相关文

jquery表单验证使用插件formValidator

jquery表单验证使用插件formValidator,可供有需求的朋友参考 1.首先在项目中添加必备js与css  2.代码中添加引用(必备引用) 复制代码 代码如下: <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/for

13款精彩实用的最新jQuery插件

1.jQuery特色菜单 圆形动画菜单插件 jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件.今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用jQuery实现的,非常强大.UI设计 在线演示        源码下载 2.jQuery带滑杆的图片播放器 滑动十分流畅 jQuery焦点图在网页特效中应用非常广泛,利用jQuery编写图片播放器

python_way day17 jQuery表单验证,插件,文本框架

python_way day17 jQuery表单验证 dom事件绑定 jquery时间绑定 $.each return值的判断 jquery扩展方法 前段插件 jDango文本框架 一,jQuery:表单验证: 1.dom方法提交表单,并验证: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</ti

表单验证——jquery validate使用说明【另一个教程】

[参考:http://www.tuicool.com/articles/y6fyme] jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jörn Zaefferer 编写和维护的,他

JQuery 表单验证--jquery validation

jquery validation,表单验证控件 官方地址 :http://jqueryvalidation.org/ jquery表单验证 默认值校验规则 jquery表单验证 默认的提示 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>jQuery validatio

表单验证提示插件validate

此表单验证插件会对表单字段进行验证,实时提示用户输入信息,用户体验非常好,验证提示紧随input框! 以下为表单验证案例代码: <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></scrip

(转)表单验证 - jQuery 实现

——选自<锋利的jQuery>(第2版)第5章的例题  5.1.5 表单验证 表单作为HTML最重要的一个组成部分,几乎在每个网页上都有体现,例如用户提交信息.用户反馈信息和用户查询信息等,因此它是网站管理者与浏览者之间沟通的桥梁.在表单中,表单验证的作用也是非常重要的,它能使表单更加灵活.美观和丰富.       以一个简单的用户注册为例.首先新建一个表单,HTML代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans