6个jQuery Form Wizard插件
这个jQuery表单向导是一个jQuery插件,通过创造具有某种形式的流动形式助攻(无需刷新你的页面)。 例如,如果您有用于输入用户数据的大形式,你可以使用一个窗体向导把它分成了一系列相关措施。 这还没有用户陷入一个很长的形式,也给他们自己的一些进展迹象,因为他们输入自己的信息优势。
在这篇文章中,我们列出我们最喜欢的jQuery表单向导6,检查自己不同的特点,最后看一对夫妇的支付选项,以及如何创建自己的。 这并非是一个详尽的清单,但如果你正在寻找一个jQuery表单向导,然后希望这将指向你在正确的方向。
这种流行的帖子被更新了2017年8月30日。 破碎/抛弃插件都是从列表中删除,并添加了新的插件,以反映特征的人在评论中询问。
1. jQuery的步骤
jQuery的步骤是一个聪明的UI组件,它允许您轻松地创建精灵般的接口。 这个插件组内容段的更有条理,有序的页面视图。 它具有的功能,如异步内容加载,状态持续性过多(这样可以节省步骤之间的输入)和部分之间的过渡效果。 它可以通过的NuGet或凉亭安装并有证据充分的,功能丰富的API。
2. jQuery的智能向导
智能向导是一个灵活和重定制的jQuery步向导插件与引导支持。 这是很容易实现,并给出了您的形式,结帐屏幕,注册步骤等,其功能包括主题支持(各种主题包括),网址导航和一步到位的选择和能力,动态隐藏或关闭步骤的整洁和时尚的界面。 它可以通过NPM,凉亭或作曲家来安装,有一个证据充分的,功能丰富的API。
3. formToWizard
这种轻型插件将任何网络表单与jQuery的多步骤的向导,由此每形式<字段集>变成一个单独的步骤以前进和后退按钮。 它不具有几乎同样多的功能与前两个插件,但确实与整合jQuery的验证插件来提供验证功能。 它是一个单一的文件(所以你可以抓住它关闭的GitHub和去),如果JavaScript是不可用的,它缓慢下降。
4. jQuery的Stepy
jQuery的Stepy是产生一个可定制表单向导的插件。 它假定您的形式有一定的标记结构和具体的类可用的标记。 在此之后,你只需要初始化插件就万事大吉了 - 你有一个表单向导。
该插件不附带任何预先定义的样式。 但是,它也有多种选择,如能够在步骤之间导航,提供了前进 , 后退和Finish按钮,过渡效果和集成与您选择的任何验证插件。 它提供了一个合理的API,其中,例如,可以让你触发回调步骤之间,或者在当前步骤呈现火回调。
5. Twitter的引导向导
此Twitter的引导插件构建使用格式化结构tabbable一个向导。 它允许用户使用按钮要经过不同的向导步骤和事件挂钩到每一步分别建立一个向导功能。 这个插件的主要优势是其与引导的紧密集成。 它附带一些基本功能,比如验证,一个进度条,并以编程方式实现的能力和删除步骤。 除了somply克隆从GitHub的插件,它也可以通过安装鲍尔(虽然这是不推荐 )。 这是相当有据可查的,并提供了一个基本的API。
6. jQuery.wizard
最后,在第六位,我们有jQuery.wizard。 这是一个异步表单向导支持的分支,通过一些人在意见中的要求。
周围的步骤和分支,后者可选向导公转的基本结构。 一个简单的,线性形式可能只需要包含所有的步骤中的一个分支,而复杂的形式,可能需要使用几个分支,或甚至嵌套分支。 在一个形式的步骤和分支的数目因此被完全留给了开发者。 向导采用异步有限状态机 ,其确定如何通过本身导航。
这个插件是非常有据可查,并提供丰富的API。 它可以通过NPM或鲍尔安装并兼容所有的背到Internet Explorer 6的方式已设计为与各种其他插件很好地集成 ,包括广受欢迎的jQuery验证。 您可以通过克隆回购和观看观看的各种实例演示examples/index.html
在浏览器中。
奖金
开源软件世界是伟大的,很多时候你在你的下一个项目选择小部件来使用的时候是一饱眼福。 然而,这并不意味着我们应该从事情,实际上给我们支付价值回避。 因此,这里是支付解决方案两个表单向导插件。 我鼓励你检查这些了,并购买他们,如果他们是适合你:
最后,如果你是什么样的人宁愿明白什么是引擎盖下回事,而不是抓住一个插件,那么也许你可能想看看这些教程,教你如何创建一个从窗体向导刮。
请享用!
结论
所以你有它 - 六个jQuery的表单向导插件,每个都有稍微不同的特点和优势,高层次的概述。 无论你的选择将取决于您的项目要求。 我希望你发现在这个岗位,这是对你有用的东西。 让我们知道,如果我们错过了什么了,或者哪个插件是你最喜欢通过张贴评论如下。
From: https://www.sitepoint.com//jquery-form-wizard-plugins/