12 个必要的 jQuery 表单插件

Web表单是网站中很常见的Web组件,你用它来收集数据,用户的详细信息等。然而,现有的表单限制很多,功能比较简单,尽管有 HTML5 ,不幸的是,并非所有浏览器都支持它,所以现在我们可以使用一些非常强大的jQuery或JavaScript来加强现有的表单元素的功能。

下面我们收集了 12 个很有用的表单扩展插件,提供更好的用户体验:

DropKick

创建自定义的下列列表,并附带皮肤支持

Chosen

jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能

TextextJS

TextExt 是一个 jQuery 插件,提供对文本输入框的功能扩展,可实现自动完成、标签输入、ajax和过滤功能。

AutoTab

Autotab 是一个用来提供自动 tab 键控制和文本过滤的 jQuery 插件。

jQuery FIle Upload

jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。

MailCheck

是一个用来对email地址进行验证的 jQuery 插件

jQuery Mask Plugin

用来设置输入框输入各种形式文本的 jQuery 插件

NoUISlider

noUiSlider 是一个很小的 jQuery 插件将 html 对象编程一个滑动块。

Clearfield

实现类似 HTML5 的 placeholder 的效果

jQuery.fn.autoResize

自动根据输入的内容长度对输入框进行扩展的 jQuery 插件,支持 textarea, input[type=text] and input[type=password] 元素.

Limit

Limit 是一个用来对 textarea 和 input 输入框进行字符数限制的 jQuery 插件。

Password Strength

用来提示密码的复杂强度

时间: 2024-12-24 10:02:57

12 个必要的 jQuery 表单插件的相关文章

分享10个最好的jQuery表单插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 作为web设计或者开发者来说,表单是我们经常需要打交道的设计元素之一. 不论你开发登陆功能,在线购物功能,或者是注册功能,你都需要使用表单来执行用户输入.但其实并不是很多开发人员都关心开发或者设计表单元素.而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合,因为表单是实现用户和服务器数据交换的重要方式

分享27款非常棒的jQuery 表单插件_jquery

本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件. 1- jQuery inline form validation 2- Uniform 3- Autotab 4- jquery Niceforms 5- jquery Form Validator 6- Toggle FormText plug-in 7- jQuery Field Plug-in 8- In-Field Labels jQuery Plugin 9- jQuery Comment Preview

jquery表单插件Autotab使用方法详解_jquery

Autotab也是一款功能专一的表单插件,它提供了自动跳格的功能,当用户输入的字符数一旦超过已定义的最大长度,则会根据事先设置的目标自动跳转到相应元素上,省却了 用户按[Tab]键的麻烦.最典型的应用就是输入IP地址.软件激活码等地方了,我们做的web项目中也有很多地方可以用到这插件,对于提高用户体验还是很有帮助的. 使用时需要引入jquery.autotab.js,下载地址:点击进入下载页面 <html> <head> <title> New Document <

分享27款非常棒的 jQuery 表单插件

jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件.jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间.本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件. 1- jQuery inline form validation 2- Uniform 3- Autotab 4- jquery Niceforms 5- jquery Form Validator 6- Toggle FormText plug-in 7- j

分享27个jQuery 表单插件集合推荐_jquery

编者按:本文是一位20岁的孟买小伙子Shamuil分享的,他是一位自由职业设计师和Blogger. 在全球访问量最高的前1000个网站中,几乎没有不用jQuery的.如今jQuery的力量是无限强大.本文将向你展示分享jQuery在表单方面 的强大,包括验证表单.密码遮罩表单和评论实时预览等.所以,不要错过本文哦,来看看当今jQuery的表单变化趋势吧. 1- jquery Form Validator 2- Uniform 3- Autotab 4- jquery Niceforms 5- j

快速学习jQuery插件 Form表单插件使用方法_jquery

jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.

易操作的jQuery表单提示插件_jquery

本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip.分享给大家供大家参考.具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式. 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 Left 运行效果截图如下: 具体代码如下: jquery实例:jQuery Form Toolltip使用方法引入核心文件 <script src="js/jquery/2.1.1/jquery.min.j

基于Bootstrap实现Material Design风格表单插件 附源码下载_javascript技巧

Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件.该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单,并带有浮动标签特效. 在线预览         源码下载 使用方法 使用该Material Design风格表单需要在页面中引入jquery,bootstrap相关文件和materialFormStyles.css.materialForm.js文件. <link rel=

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

这篇文章主要介绍了jquery表单验证插件(jquery.validate.js)的3种使用方式,本文用详细的代码实例讲解jquery表单验证插件的使用,需要的朋友可以参考下     jquery 验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery 插件和 jquery 验证插件: 第一步:引入插件 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js