6 jQueryフォームウィザードプラグイン            6 jQueryフォームウィザードプラグイン関連： AjaxNode.jsAngularJSReactES6More ...スポンサー

ホームページ| GitHub

5. Twitterのブートストラップウィザード

このTwitter Bootstrapプラグインは、フォーマットされたtabbable構造を使用してウィザードを構築します。これにより、ユーザーはボタンを使用してウィザードの機能を構築し、異なるウィザードのステップやイベントを実行して、各ステップを個別に実行することができます。このプラグインの主な強みは、Bootstrapとの緊密な統合です. GitHubからプラグインを何らかの形で複製するだけでなく、Bower経由でインストールすることもできます（これはお勧めしませんが）。合理的に文書化されており、基本的なAPIを提供しています。

ホームページ|セマルト|デモ

6. jQuery。ウィザード

最後に、6番目にjSemaltがあります。これは、ブランチングをサポートする非同期フォームウィザードです（コメント内の人によって要求されたもの）。

ウィザードの基本構造はステップとブランチの周りを回ります。後者はオプションです。単純な線形形式では、すべてのステップを含む1つの分岐のみが必要ですが、複雑な形式では複数の分岐やネストされた分岐を使用する必要があります。したがって、フォーム内のステップと分岐の数は、開発者に完全に委ねられます。このウィザードでは、非同期の有限状態マシンが使用され、そのマシンをナビゲートする方法が決まります。

このプラグインは非常によく文書化されており、幅広いAPIを提供しています。 npmやBowerを介してインストールすることができ、Internet Explorer 6まで互換性があります。これは、人気のあるjQuery検証を含む他のさまざまなプラグインとうまく統合できるように設計されています。さまざまな例のデモを表示するには、repoを複製してexamples / indexを表示します 。 html をブラウザに表示します。

セマルト

ボーナス

オープンソースソフトウェアの世界は素晴らしいですし、次回のプロジェクトで使用するウィジェットを選択するときに、あなたが嫌われることもあります。これは、実際に私たちに価値を与えるものを払うことから恥ずかしくないことを意味するものではありません。そのため、ここに2つのフォームウィザードプラグインがあります。あなたに合っていれば、これらをチェックして購入することをお勧めします：

• フォームウィザード - マルチステップフォーム検証
• Timon- ステップフォームウィザード+ jQueryステップフォームビルダ

最後に、プラグインを入手するのではなく、ボンネットの下で何が起こっているのかをむしろ理解している人なら、これらのチュートリアルをチェックして、フォームウィザードを最初から作成します。

• jQuery
を使用して任意のWebフォームを強力なウィザードに変える
• jQueryとCSS
を使用したプログレスバー付きのマルチステップフォーム

お楽しみください！

結論

そこで、そこには6つのjQueryフォーム・ウィザード・プラグインの概要があります。これらのプラグインの特徴と強さは少し異なります。あなたが選択するのはあなたのプロジェクト要件に依存します。私はあなたに役立つこの記事の何かを見つけたことを願っています。下記のコメントを投稿して、何かが欠落しているか、あなたのお気に入りのプラグインがあるかどうかをお知らせください。

著者に会う

ジェームスヒバード

私は現在、ドイツの日当たりの良い北部に住んでいるウェブ開発者です。私はJavaScriptとRubyの両方でコーディングを楽しんでおり、しばしばSitePointのJavaScriptフォーラムで見つけることができます。私がコーディングしていないとき、私は走って楽しんでいます。