jQuery検証 - フォームのようなウィザードのステップの使用方法？

Question

jQuery Validation PluginとjQuery UI Tabsを使いたいです。次のボタンでトリガーされた各ステップでjQuery Validation Pluginを使用してどのように検証することができますか？私はjQuery Validation Pluginの例を見ており、ほとんどが一度にフォーム全体の検証のためです。私は一歩一歩それが必要です。

私はプロではありませんので、私に他のプラグインを提案するのではなく、簡単な解決策を教えてください。私のコードは次のようになります：

$("#frag1").click(function(){ 
    //I need jQuery Validation code here for a single step 
    event.preventDefault(); 
}else { 
$('.next-tab, .prev-tab').click(function() { 
     $tabs.tabs('select', $(this).attr("rel")); 
     return false; 
    }); 
} 

ありがとうございます。

Answer 1

あなたは他のプラグインの提案を望まないと分かりました。しかし、私は、これはあなたのために特に有用である可能性を考える：

jQueryのフォームウィザードプラグインがあり、jQueryの検証プラグインとうまく統合しhttp://thecodemine.org/

。また、jQuery-UIのテーマ（すでにサイトで使用している場合）をテーマにしています。

Answer 2

次のステップでは、このdivクラスの「ci-tab-hide」がないフラグメントをチェックします。次に、すべての入力とチェックボックスに同じCSSクラス（例： - "myinputs"）を適用してください。次に、現在の "fragment" div入力検証の検証を適用します。

例：- もし私がステップ2であれば、このdiv "fragment-2"はCSSクラス "ui-tabs-hide"を持たないでしょう。あなたはそのクラスが他のダイビングに適用されているのを見ることができます。

したがって、現在アクティブなdiv IDを取得してください（ここでは「フラグメント-2」）。そして、この

http://docs.jquery.com/Plugins/Validation/Validator/element#element

$("#myform").validate().element("#myselect"); // here there are passing element ID 

$("#myform").validate().element('#'+ CurrentFragment + '.myinputs'); //here we are passing current fragment css class inputs. 

好きです私はそれはCSSクラスを受け入れることを確認していません。しかし、もう一度ループして、false要素とreturn falseを処理してみましょう。したがって、ユーザーは値を設定するまで次のフラグメントに移動しません。

これは最適なアイデアです。私はその検証プラグインについて多くの知識を持っていません。