首页 > 代码库 > 6 个基于 jQuery 的表单向导插件推荐

6 个基于 jQuery 的表单向导插件推荐

2024-07-07 21:08:52   226人阅读

表单向导可以很好地引导用户进行一步一步的操作，从而降低用户错误输入的几率。尽管互联网中有大量的类似插件，但真正好用的不多。 

本文整理了6个比较优秀的表单向导插件，希望能够为你带来帮助。 

1. Smart Wizard 

这是一个灵活的向导插件，可以将内容分成几部分，以节省页面空间。同时，还提供了一个灵活的、时尚的用户界面。 



源码 / 演示 

2. jquery.quickWizard 

该插件可以将一系列表单元素转换成简单的向导模式。可以和jQuery验证插件、jQuery UI效果和jQuery过渡插件结合使用。 



源码 / 演示 

3. jQuery Formwizard Plugin 

该插件可以用来创建向导形式的表单，且在向导步骤切换时无需重新加载页面。 



源码 / 演示 

4. jWizard 

用于创建向导式表单的jQuery UI部件。 



源码 + 演示 

5. jQuery Stepy 

该插件基于FormToWizard，可以产生一个可定制的向导。 



源码 + 演示 

6. FormToWizard plugin 

这个详细的教程将告诉你如何把一个长表单转换成拥有几部分的步进式表单。另外，还提供了一个插件。 



源码 / 演示 

英文原文：6 jQuery Form Wizard Plugins 

<iframe id="google_ads_frame5" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402506258&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764897.html&dt=1402506264019&shv=r20140603&cbv=r20140417&saldr=sb&correlator=1402506263815&frm=20&ga_vid=469728998.1401679695&ga_sid=1402494257&ga_hid=894829646&ga_fc=1&u_tz=480&u_his=467&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=0&ady=2476&biw=314&bih=74&eid=317150304%2C36098800&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=5&xpc=Mql68Sfjiq&p=http%3A//www.cnblogs.com&dtd=36" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame5" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame6" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402506258&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764897.html&dt=1402506264190&shv=r20140603&cbv=r20140417&saldr=sb&prev_slotnames=8660799060&correlator=1402506263815&frm=20&ga_vid=469728998.1401679695&ga_sid=1402494257&ga_hid=894829646&ga_fc=1&u_tz=480&u_his=467&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=305&ady=3206&biw=314&bih=74&eid=317150304%2C36098800&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=6&xpc=BWYTEdUGSm&p=http%3A//www.cnblogs.com&dtd=45" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame6" marginWidth="0" scrolling="no" hspace="0"></iframe>


联系
我们