ryan bates railscast で説明されているこのマルチステップ ウィザードの実装を考えています。http://railscasts.com/episodes/346-wizard-forms-with-wicked
http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#などのjqueryウィザードで通常見られるような進行状況メーターをどのように実装できるか疑問に思っています。
何か案は?
ありがとう!
ryan bates railscast で説明されているこのマルチステップ ウィザードの実装を考えています。http://railscasts.com/episodes/346-wizard-forms-with-wicked
http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#などのjqueryウィザードで通常見られるような進行状況メーターをどのように実装できるか疑問に思っています。
何か案は?
ありがとう!
ウィザードには主に 2 つのタイプがあります。
最初。
これはまさにレールキャストで使用されているものです。実際、1 つの大きなフォームをいくつかの小さなフォームに分割します。つまり、フォームごとに個別のビューがあります。したがって、これらの各ビューに現在のステップを書き込むことができます。この場合、jQuery プラグインを使用する必要はありません。たとえば、Railscasts のように、次の行を追加するだけです。
#/app/views/user_steps/personal.html.erb
<p>STEP 1: <b>Tell us a little about yourself</b></p>
<p>STEP 2: Where can we find you?</p>
#/app/views/user_steps/social.html.erb
<p>STEP 1: Tell us a little about yourself</p>
<p>STEP 2: <b>Where can we find you?</b></p>
そして2番目。
これは、いくつかの小さなフォームで共有される 1 つの大きなフォームです。これが例として示したものです。このフォームでは、jQuery プラグインがすべて自己処理するため、wicked を使用する必要はありません。手順の最後に、この大きなフォームをサーバーに送信するだけです。
フォームの検証における jQuery ウィザードの問題: 最後のステップでフォームを送信しますが、前のステップでエラーが発生する場合があります。この問題は、クライアント側の検証によって部分的に解決できます: https://github.com/bcardarella/client_side_validations