6 个基于 jQuery 的表单向导插件推荐
jopen 12年前
<p>表单向导可以很好地引导用户进行一步一步的操作，从而降低用户错误输入的几率。尽管互联网中有大量的类似插件，但真正好用的不多。 <br /> <br /> 本文整理了6个比较优秀的表单向导插件，希望能够为你带来帮助。 <br /> <br /> <strong>1. Smart Wizard</strong> <br /> <br /> 这是一个灵活的向导插件，可以将内容分成几部分，以节省页面空间。同时，还提供了一个灵活的、时尚的用户界面。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/b80d5bb40a7d87df3d8d322eaa4cd77d.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958347170577497444" target="_blank">源码</a> / <a href="/misc/goto?guid=4958185349307774876" target="_blank">演示</a> <br /> <br /> <strong>2. jquery.quickWizard</strong> <br /> <br /> 该插件可以将一系列表单元素转换成简单的向导模式。可以和jQuery验证插件、jQuery UI效果和jQuery过渡插件结合使用。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/22181d089b22c8624908cace7955c888.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958347172300174668" target="_blank">源码</a> / <a href="/misc/goto?guid=4958347173137574497" target="_blank">演示</a> <br /> <br /> <strong>3. jQuery Formwizard Plugin</strong> <br /> <br /> 该插件可以用来创建向导形式的表单，且在向导步骤切换时无需重新加载页面。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/6bb3af61b72e564897790cc88786bb7b.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958347173948243137" target="_blank">源码</a> / <a href="/misc/goto?guid=4958347174754862947" target="_blank">演示</a> <br /> <br /> <strong>4. jWizard</strong> <br /> <br /> 用于创建向导式表单的jQuery UI部件。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/d0e7ddd3533f2a08c6d3f567c6c9a4fb.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958347175566010990" target="_blank">源码 + 演示</a> <br /> <br /> <strong>5. jQuery Stepy</strong> <br /> <br /> 该插件基于FormToWizard，可以产生一个可定制的向导。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/4afbfaf28bf38d1b7eddbc5300f7642e.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958334184370481042" target="_blank">源码 + 演示</a> <br /> <br /> <strong>6. FormToWizard plugin</strong> <br /> <br /> 这个详细的教程将告诉你如何把一个长表单转换成拥有几部分的步进式表单。另外，还提供了一个插件。 <br /> </p> <div style="text-align:center;"> <img alt="6 个基于 jQuery 的表单向导插件推荐" src="https://simg.open-open.com/show/fae3c0e8765a21b58732ad9161566638.jpg" width="580" height="150" /> </div> <p><br /> <br /> <a href="/misc/goto?guid=4958347177150173079" target="_blank">源码</a> / <a href="/misc/goto?guid=4958347177957802879" target="_blank">演示</a> <br /> <br /> 英文原文：<a href="/misc/goto?guid=4958347178772295857" target="_blank">6 jQuery Form Wizard Plugins</a></p> 载自: <a href="/misc/goto?guid=4958347179613108668" rel="nofollow" target="_blank">http://www.iteye.com/news/25494</a>