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

[url]http://www.chinaz.com/free/2011/1220/227376.shtml[/url]
作为web设计或者开发者来说,表单是我们经常需要打交道的设计元素之一。 不论你开发登陆功能,在线购物功能,或者是注册功能,你都需要使用表单来执行用户输入。但其实并不是很多开发人员都关心开发或者设计表单元素。而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合,因为表单是实现用户和服务器数据交换的重要方式之一。

今天我们将介绍10款我们收集的最棒表单插件,希望大家喜欢!

[color=red][b]1. jQuery Form Wizard[/b][/color] [url]http://www.thecodemine.org/[/url]
jQuery Form 插件可以用来开发无需刷新的基于页面流程的表单设计。这个插件非常易用并且给予开发人员非常大的自由度来设置整个页面流程,并且这个插件还可以根据不同的输入内容来生成不同工作流程的表单。
[img]http://upload.chinaz.com/2011/1220/1324394711455.jpg[/img]


[color=red][b]2. Formalize[/b][/color] [url]http://formalize.me/[/url]
帮助你在用户的操作环境中有效的控制表单元素而不用明显的修改表单外观,这个工具可以作为webkit版本的表单元素,非常适合开发兼容性界面。
[img]http://upload.chinaz.com/2011/1220/1324394711367.jpg[/img]


[b]3. Niceforms[/b] [url]http://www.emblematiq.com/lab/niceforms/[/url]
一个用来开发自定义的表单脚本,你可以使用缺省的主题或者开发你自己喜欢的类型。
[img]http://upload.chinaz.com/2011/1220/1324394711233.jpg[/img]


[color=red][b]4. Vintage typewriter: The sexiest jQuery contact form ever[/b] [/color][url]http://www.webdesignshock.com/jquery-contact-form/[/url]
最漂亮的联系人表单设计之一,这个表单可以直接的整合到你的网站里使用。
[img]http://upload.chinaz.com/2011/1220/1324394711341.jpg[/img]


[b]5. JQF1[/b] [url]http://www.azurem.com/jqf1/index.html[/url]
最完整的表单样式插件之一,JQF1是一个非常好的方式来添加超酷的风格到标准的表单设计。
[img]http://upload.chinaz.com/2011/1220/1324394711603.jpg[/img]

[b][color=red]6. DigitalBush[/color][/b] [url]http://digitalbush.com/projects/masked-input-plugin/[/url]
超棒的一个jQuery插件对于经常处理日期和电话号码的审计类公司非常有帮助, 插件会帮助输入所有的缺省字符。
[img]http://upload.chinaz.com/2011/1220/1324394711418.jpg[/img]


[color=red][b]7. dForm 0.1.2[/b][/color] [url]http://neyeon.com/p/jquery.dform/doc/files2/readme-txt.html[/url]
jQuery.dForm允许你更容易的根据JSON对象来创建HTML表单。
[img]http://upload.chinaz.com/2011/1220/1324394711734.jpg[/img]


[color=red][b]8. FormLabels[/b][/color] [url]http://o2v.net/blog/jquery-formlabels-plugin[/url]
使用formlabels你可以很容易的插入表单输入提示,使得输入更加简单并且更加有效。
[img]http://upload.chinaz.com/2011/1220/1324394711960.jpg[/img]


[color=red][b]9. ToCheck list[/b][/color] [url]http://www.scotthorlbeck.com/code/tochecklist/[/url]
这个插件可以帮助你使用鼠标而非ctrl+click来实现多选
[img]http://upload.chinaz.com/2011/1220/1324394711909.jpg[/img]


[color=red][b]10. FormBox[/b][/color] [url]http://addyosmani.com/blog/formbox/[/url]
使用这个插件,你可以在一个页面中放入登陆,注册及其找回密码功能
[img]http://upload.chinaz.com/2011/1220/1324394711971.jpg[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本人自己开发的jquery验证控件! 使用方便,样式美观,完全开源。好不好用了就知道了! 件名称:jquery验证件 V1.0 件作者:zy8008 最后更新:2011-4-28 件说明: datatype类型说明: --------------------------------------- *:必填写,可为任意字符 number:数字 zip:邮政编码 mobile:手机号 email:邮箱 ajax:异步远程验证,必须添加ajaxurl属性并将要验证的字段保留空 如: reg:正则验证,必须添加reg属性 如: checkbox:复选框验证 radiobox:选框验证 前台添加属性说明: ----------------------------------------------- datatype:必须 数据验证类型,见上面说明 errmsg:可选 错误信息,验证失败的信息,如果不设置或为空,则验证框显示“验证失败!” tip:可选 未验证前的提示信息,如果不设置或为空,则隐藏提示框 allowblank:可选 值为“true|false”默认为true 是否允许为空,如果设为true则值为空的时候也能通过验证,对*,ajax,checkbox,radiobox,reg无效 reg: 正则达式规则,只能用开datatype为reg的时候,否则无效 ajaxurl:异步远程验证url,只能用的datatype为ajax的时候,否则无效。将要验证的字段放在url最后,将留空 如test.asp?uname= 调用说明: ------------------------------------------------- $(document).ready(function() { $("#aspnetForm").valideform({isokhide:true,btnsubmit:"#bbb"})}); #aspnetForm:需要验证的的ID,你也可以用jquery选择器自已定义 isokhid:可选 值为“true|false”默认为false 当点击提交按钮的时候,如果通过验证的项目将隐藏验证提示框 btnsubmit:可选 指定一个绑定提交事件的控件ID,如一个普通按钮或一个超链接,中的submit依然有效 其它具体使用方法,请参阅demo文件!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值