阅读更多

3顶
0踩

Web前端

翻译新闻 10 个基于jQuery的表单增强脚本和插件

2011-12-16 15:44 by 正式编辑 sherry617 评论(1) 有3495人浏览
以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。

1. Form Hints 1.0

使用这个插件,你可以为网站中的的任何一个表单控件添加描述文字,可以通过title属性来添加。用户可以点击控件来显示或隐藏描述文字。


源码+演示

2. jQuery 表单选择器

jQuery的许多表单选择器可以更加方便和高效地访问表单元素。下面是一个简单的jQuery表单选择器相关介绍。


源码 / 演示

3. Web SpinButton

这是一个关于文本框数值微调按钮控件的示例。


源码+演示

4. 页面跳转警告

添加该脚本后,在你离开页面前,会弹出一个警告,提示你提交表单或进行其他类似的操作。


源码 / 演示

5. Twitter 提示框

添加该脚本后,会出现一个类似Twitter的简单有趣的提示框。


源码+演示

6. Unwrongest

添加这个jQuery插件后,文本框的大小会随着输入的内容自动进行调整,就像Facebook的Boxes一样。


源码 / 演示

7. Clearfield

当输入框内没有内容时,利用这个插件可以显示输入提示。


源码+演示

8. 选中多个元素

利用这个脚本,可以在所有供你选择的条目中选择全部,或只选择需要的元素集合。


源码 / 演示

9. 将表单label显示在输入框中

添加该脚本后,可以将表单的label值显示在输入框中,使界面更加简洁。


源码 / 演示

10. 自动保存

这个插件增强了表单功能,可以自动将表单字段保存到cookies中。每经过一定的时间(默认为10秒)或离开页面时自动进行保存。


源码+演示

英文原文:http://www.jquery4u.com/forms/10-jquery-form-%E2%80%93-accessibility-functionality/
  • 大小: 56.6 KB
  • 大小: 48.8 KB
  • 大小: 52.1 KB
  • 大小: 63.4 KB
  • 大小: 71.1 KB
  • 大小: 61.5 KB
  • 大小: 59 KB
  • 大小: 53.7 KB
  • 大小: 52.9 KB
  • 大小: 42.8 KB
3
0
评论 共 1 条 请登录后发表评论
1 楼 lnx1824 2011-12-19 08:43
好东西,支持啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jValidate 基于jQuery的表单验证插件

    网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: 代码如下:<input name=”name” type=”text” id=”name” size=”30″ jvpattern=”^.+$...

  • jQuery表单美化插件jqTransform使用详解

    jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框、文本框、单选、复选框、按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input ...

  • JavaScript/jQuery 表单美化插件小结

    Niceforms Niceforms是一款独立的表单美化工具,当前版本为2.0 官方主页:http://www.emblematiq.com/lab/niceforms/ 官方演示:...link href=”niceforms-v2.0/niceforms-default.css” rel=”stylesheet” />...

  • jquery validation验证表单插件

    jQuery验证表单插件——jquery-validation The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy....

  • jQuery插件Validation表单验证详解

    本文为大家分享了jQuery插件Validation表单验证的具体实现代码,供大家参考,具体内容如下 功能 1.对”姓名“的必填和长度至少是两位的验证。 2.对“电子邮件”的必填和是否为E-mail格式的验证。 3.对“网址”是否...

  • formValidator 基于jquery的表单验证插件 4.0

    内容索引:脚本资源,jQuery,formValidator,表单验证类 formValidator 基于jquery的通用表单验证插件,调用方便简单,含有示例,无刷新判断表单项目。很不错的脚本资源。本次升级精简了代码、提高校验的速度,如控件...

  • jQuery formValidator 表单校验插件 4.1.0

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种脚本控制。...

  • jquery表单验证插件(jquery.validate.js)的3种使用方式

    jquery 验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较...首先引入jquery 插件和 jquery 验证插件: 第一步:引入插件 代码如下: [removed][removed] [removed][removed] [removed][removed] <s

  • Jquery提交表单 Form.js官方插件介绍

    1、最新JQuery框架软件包下载 jquery.js压缩包 jquery.js非压缩包 2、Form插件下载 form.js 3、Form插件的简单入门 第一步:先增加一个表单 代码: 代码如下: <form id=”myForm” action=”comment.php” method...

  • 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

    本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够...

  • jQuery Validate插件实现表单强大的验证功能

    jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。 第一节:jQuery ...

  • 【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

  • jQuery Validation表单验证插件实例打包.rar

    jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...

  • jQuery 表单验证插件

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

  • jquery验证插件,脚本验证插件

    囊括11种常见的格式验证形式,如果这些类型还不够,... 支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。

  • jquery.uploader:简单的 jQuery 表单提交插件

    在您的 html 页面中包含 jQuery 库和 jquery.uploader 脚本文件。 < script src =" http://code.jquery.com/jquery-latest.min.js " > </ script > < script src =" ./js/jquery.uploader.min.js ...

  • jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

  • pre_o_1csdn63m9a1bs0e1rr51niuu33e.a

    pre_o_1csdn63m9a1bs0e1rr51niuu33e.a

  • matlab建立计算力学课程的笔记和文件.zip

    matlab建立计算力学课程的笔记和文件.zip

Global site tag (gtag.js) - Google Analytics