Web表单是一个网站的重要方面,但theyrz在视觉方面往往被忽视。Uniforms可以帮助你增加一个华丽的外观和视觉效果。
这是一个采用Tooltip效果显示校验提示信息的表单校验jQuery插件。
在线演示:http://www.position-relative.net/creation/formValidator/
这个jQuery插件使表单验证开发工作更简单了,预置了常见的验证规则,方便开发者自行设置。
Expandable是由Brandon Aaron开发的jQuery插件,可以根据用户的输入自动缩放textarea文本框的大小。
**jQuery formValidator表单验证插件是什么?
** jQuery
formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你
InputLabel这个jQuery插件能够为文本输入框添加备注说明。并且当输入框获得焦点时,备注说明自动消失。支持为备注说明设置字体颜色。
MagicCombo 是一个 jQuery 的下拉选择插件,内嵌Grid多行跨页选择下拉框示例,如下图所示:
Autosave 可让你自动的在 cookie 中保存表单中的输入信息,避免丢失。
使用方法:
jQuery Chosen Plugin 是一个 jQuery
插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能,如下图所示:
Bbcode简单易用,它是BBS、论坛、Blog等网络应用上的一种常用输入语法。jQuery BbCode
Amplify 是一组 jQuery 的组件,通过提供简单的API解决一般的Web应用问题。Amplify
DropKick 可用来对下列列表的样式进行自定义,效果很炫。比较纠结的是对 IE 不支持。
jSelect这个jQuery插件能够用于管理Select标签中的Option子标签。提供从各种数据源添加Option标签如:JS数组、XML文档或JSON数据等。
input自动提示
这个插件需要照顾你输入字段。
经常被选择的输入字段,该字段的默认值是像“你的e-mail地址”的东西。
Tag-it的想法是从 ZenDesk.com 得到的,它是一个JQuery UI 的组件,支持各种设定和主题设置。
今天公司的 B2C 平台需要一个一个小小的重构,其中有个货币菜单是原生的select下拉菜单,需要用可定义的
jquery-mod-highlighter 实现了表单内容修改后的高亮提示。如下图所示:
Koo.js原创标签验证插件是基于Jquery开发,使用十分简便,不需写任何代码即可实现各种的表单验证,同时支持select,checkbox,radio等默认值,一个标签全部搞定。
Textarea
Counter是一个轻量级的jQuery文本框字符限制插件,它也是简单易用的。字数限制的提示信息将会显示在文本框的下方,你也可以自定义提示信息的格式。当输入的字符超过字数限制时,提示信息将会相应的变为警
Happy.js 是一个轻量级的 jQuery 表单验证插件。
支持的浏览器
IE 6, 8 (and 8 in compat. mode, which is supposed to be like 7)
Sisyphus.js 是一个利用 HTML5 技术实现的自动保存草稿插件,它能将表单数据自动保存到 LocalStorage
Validform:一行代码搞定整站的表单验证!$(“.demoform”).Validform();
为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是
jquery-placeholder 是用来实现 HTML5 的 placeholder 属性行为的 jQuery 插件,该属性在 IE6/7/8/9
Power PWChecker 是一个用来确保用户输入了安全的密码的 jQuery 插件,可用于注册用户的表单防止用户输入一些形如 123456 的密码。
Formee 是一个用来对表单进行美化的 JS 库,使用 Fluid 960 Grid
System 来处理表单布局。
Select2Buttons是一个能将网页中的select选择框转换成一组按钮的插件。
主要功能特点:
Parsleyjs 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库,无需另写一行 JavaScript 代码。
validVal
插件可用于任意的HTML表单(包括Ajax异步加载的),通过定义各种验证规则实现表单的验证功能。插件包含了5种默认的验证规则,同时你也可以自定义自己需要的规则,定制性很高。
首先需要引入 jQuery 和 Bootstrap 库,然后在Js代码中加入下面一行代码。
$(\'#form\').validation();
目前支持对以下格式的值进行验证:
cnum-(纯数字),char-(纯字母),zwen-(中文),bysc-(字母开头),mail(邮箱),yzbm(邮政编码)
Validate.js是一个轻量级的JavaScript表单验证类库,它不依赖于其它任何JavaScript框架,经GZIP压缩后仅有1KB大小。它所提供的验证类型有:是否为空、数字、Email地址、判断输入值是否在某一范围内等,此外你也可以
在 HTML 5 中,占位符 placeholder 属性是很有用的,它能够起到提示左右,指引用户。但一些古老的浏览器不支持该属性,尤其是 IE,而
Garlic.js 可以让你自动的持久化表单中的数据到本地,直到表单被提交。这样用户就不用担心因为误操作导致表单输入的数据丢失。
cmd-enter 对页面上的 textarea 输入框绑定了 Ctrl+Enter 和 CMD + Enter 快捷键提交的功能。
jquery.payment 是一个 jQuery 的表单验证插件,用于构建信用卡表单、验证输入和格式化数值。
Behave.js 是一个轻量级的 JavaScript 库,为普通的 textarea 编辑框提供了 IDE 风格的行为,特点: