发布于2013-10-15,阅读1865次,收藏 4次,评论6条 - 来自GBCoder  | 收藏

推荐9款提高表单用户使用体验的超棒jQuery插件

作为前端攻城狮的我们,经常需要处理的就是相关表单的一些应用,包括了:

  • 表单美化
  • 表单验证
  • 表单的自动保存
  • 表单功能的增强
  • 等等

如果开发过程中我们没有使用任何的CSS前端框架(例如,Bootstrapfoundation或者pure)的话,我们可能需要自己动手去添加相关的功能,在今天的这篇文章中,我将介绍几款非常实用的JQuery表单插件,帮助你更快更好的完善表单的用户体验,希望大家喜欢!如果你也有相关的表单优化或者用户体验优化的经验,请和我们分享,谢谢!

iCheck

iCheck是一款针对单选框和多选框美化的jQuery插件,你可以使用很简单的代码来完成checkbox和radio的美化,最重要的是它支持不同皮肤和风格的UI,包括不同颜色的,相对来说,它提供的功能在jQuery插件中来说是非常丰富的,当然,可能有人说了,如果能够针对每一个表单元素都能提供一个美化解决方案就更好了

jQuery Switchbutton

这个不用过多介绍了,如果你需要生成iphone那种开关式的选择效果,这个插件能够很完美的胜任

Selectize.js

selectize.js是一款针对selectbox优化和功能增强的JQuery插件,你可以很方便的生成 标签输入,或者自定义的选择下拉框效果。甚至是带有输入功能的选择下拉框,支持多选,并且支持Bootstrap2和Bootstrap3

jQuery.validationEngine

validationengine是个人比较喜欢的表单验证插件,如果大家使用过的话,肯定看得出来极客标签使用的就是validationengine的表单验证插件,主要支持各种类型的表单元素的验证,支持AJAX还有自定义的验证方式,个人觉得表单提示的样式比较好看,但是因为是使用绝对定位,如果你和其它插件联合使用的话,提示位置可能会偏移,大家需要自己调整,整体来说是个5A级的插件

Nod

nod也是一款不错的jQuery验证插件,支持各种类型的输入数据的验证,及其AJAX,使用非常灵活,支持各种不同的选项,如果你需要查看实际的例子,建议你访问这个demo地址

sisyphus

sisyphus是一个本地存储的表单内容自动保存插件,使用非常简单,定义后,可以自动保存保单中的内容到本地存储中,如果不支持就fallback到cookie ,如果用户输入内容后,误操作丢失数据或者浏览器Crash后,再也不用担心了,详细的介绍和使用demo,请查看这里

jQuery sew

Twitter或者新浪微博的@功能,大家肯定都非常熟悉吧,如果你需要开发类似的功能的话,这个插件肯定能够帮助你大忙

Passy

passy是一个帮助你生成密码并且生成密码安全级别的jQuery插件

Progression.js

这个插件能够帮助你生成表单填写的完成度,可以有效的提供用户目前输入的完成比,相信用户很乐意接受这样的内容输入提示

以上就是个人推荐的一些表单相关的jQuery插件,如果你能在开发过程中适当的使用,肯定会给你的web应用和网站开发增色不少,希望大家喜欢我推荐的这些插件,如果您也有相关的插件,请留言并且推荐给我们,谢谢阅读!


关于作者

GBCoder

极客标签编程挑战发布官方组织和专业布道师~~~

极客主页:GBCoder
新浪微博:访问微博

评论或回答

  1. 没有任何评论
评论请先登录



以后再转发,立刻下载!