問題タブ [jquery-form-wizard]

jquery Form Wizardを使用しており、カスタム検証ルールを作成したいと考えています。

私の現在の問題は、フィールドを URL として検証したいということですが、ユーザーが「http://」プレフィックスを追加するのを忘れた場合、これを拒否せず、代わりにサーバー側でプレフィックスを追加したいと考えています。

url現在、このオプションをサポートしていないこの検証用のクラスを使用しています。解決するには、バリデーターの代わりにカスタム正規表現を使用したいと思いますurl(基本的には、URL フィールドにピリオドがあり、少なくとも 5 文字の長さであることを確認してください)。

jquery-ui-form-wizard で正規表現を使用したり、検証のためにコールバック関数を呼び出したりすることができませんでした。注-送信時だけでなく、各ステップで検証したい。

フォーム ウィザードのオプションに次を追加すると、コールバックが呼び出されますが、false が返されたとしても、[次へ] をクリックすると次のページに進みます。

カスタム エラー メッセージを設定する (検証プラグインに標準的な方法で表示される) か、URL メッセージを再利用したいと考えています。

これを達成するための最良の方法は何ですか？

jquery-form-wizard で使用される HTML 構造があります。

現在、リセットおよび送信ボタンは jquery-form-wizard によって管理されています。最初のページにはリセット ボタン (「戻る」というタイトル) が無効になっており、送信ボタンは「次へ」として機能します。page2 に移動すると、両方のボタンが有効になります (サーバー側の検証中に [次へ] ボタンが最初に無効になり、次に両方が有効になります)。これは、Next の代わりに Submit がある最後のページまで続きます。

ここで、最初のページのリセット/戻るボタンの動作を変更したいと思います。無効にする代わりに、非表示にしたいと思います。

jquery-form-wizard のコードに触れずに css 経由で簡単に実現できますか? または、それを変更して「最初の戻るボタンを非表示にする」オプションを追加する必要がありますか?

formwizard プラグインを 8 ステップのフォームに統合しました。問題は、情報を編集してからフォームの特定のステップにジャンプしようとすると、基本的に前のステップを無視してジャンプすると、表示されなかったすべてのステップ (ジャンプしたため) が送信されないことです!!! :(そのため、これらのフィールドにすでに入力されているすべてのデータが失われます。

例えば、

これによりステップ 4 がトリガーされますが、ステップ 1 にいてステップ 2 とステップ 3 を見ていない場合、すぐにステップ 4 にジャンプします。プラグインはこれらのステップ 2 と 3 を無視するため、処理スクリプトは空のデータを処理します。これらの値を送信するために、現在表示されている手順があることをプラグインに通知する方法を知りたいです。

注: これには Ajax を使用していません。

設定は次の場所にあります。

このように特定のステップにジャンプする...

$("#demoForm").submit(); を使用して、任意のステップで強制的に変更を送信しようとすると、同じことが起こります。:/

ありがとうございます！フランク

Firefoxで動作するフォーム（thecodemine.orgのJQueryプラグインフォームウィザードを使用）があります。Firefoxでは、「次へ」をクリックすると、前のステップが非表示になり、次のステップが表示されます。Chromeでは、前の手順は非表示になりません。ChromeではJavascriptエラーは発生しません。

これは、Chromeとフォームウィザードの一般的な問題ではありません。これは私の実装に固有のものです。

このエラーを確認するためのテストフォームを作成しました：http ：//www.energyjustice.net/map/test2.html

JqueryUI1.8.7とFormWizard3.0.5を使用しています。

ユーザーがリクエストチケットを発行できるシンプルな Web フォームがあります。ここで、最初のフォームのドロップダウン ボックスから特定の値が選択された場合にのみ、別のフォームを表示する必要があります。それ以外の場合、ユーザーはその 1 つのフォームに入力するだけで済みます。

それで、jquery FormToWizard プラグインを使用できるのではないかと考えました。ただし、ドロップダウンから値が選択されたときにフォームにステップを動的に追加することはできません。

誰もこれをやったことがありますか？

チェックボックスのセットで JQuery 検証を機能させるのに問題があります。ASP.NET チェックボックスリストを使用してチェックボックスを生成しています。JQuery を使用して、リスト内の各チェックボックスの「名前」属性を同じものに設定しました。ブラウザに書き込まれるコードは次のとおりです。最初のチェックボックスに「検証」属性を設定して、少なくとも1つのチェックボックスを選択する必要があるというルールを設定しています。JQuery 検証は、フォーム上の他のすべての要素に対して機能しますが、チェックボックス リストに対しては機能しません。また、フォームの「ページ」ごとに検証をトリガーするページで JQuery フォーム ウィザードを使用しているため、検証の呼び出し方法を制御できません。

何がうまくいかないのかについてのアイデアはありますか？検証を行う JQuery スクリプトの例はたくさんありますが、カスタム コントロールによってサーバー側のチェックボックス リストを生成しているため、これを回避しようとしています。 JQuery が有効になっていません。JQueryが無効になっていてもページが機能するように、可能な限り目立たないようにしながらJQuery検証を有効にしようとしています。

フォーム ウィザードに関連する JQuery インクルージョンと JQuery 初期化スクリプトを次に示します。JQuery検証に初期化コードを使用していません：

フォームウィザードを使用して角度でjqueryパススルーを試してみましたが、うまくいきました。しかし今、私は問題を抱えています。フォームウィザードのステップがディレクティブ内にある場合、jquery パススルーが機能しないようです (最初のステップだけではなく、すべてのステップが表示されます)。

私の activityWizardStep ディレクティブは次のようになります。

そして、wizard_step.html:

前述したように、すべてのステップが常に表示されます。jqueryパススルーがフォームウィザードを初期化しようとしたときに、ディレクティブやインクルードがDOMに完全にないなど、これはある種のタイミングの問題だと考えています。これは何が起こっているのですか？もしそうなら、私は $timeout を使用する必要がありますか? もしそうなら、どこに置きますか。おそらくもっと良い方法があります。何かご意見は？

私はjquery検証プラグインを、ある種のフォームウィザードを作成するために見つけた他のプラグインと一緒に使用しています。私が抱えている問題は、フォームウィザードの次のボタンで検証プラグインを起動して、送信ボタンだけでなく各ステッププロセスが検証されるようにすることです。

これがjsfiddleです：http：//jsfiddle.net/DHNPz/

javascriptの部分には、フォーム用に作成したコードとformtowizardJSが含まれています。コードのこの部分を編集する必要があると想定しています。

クリック機能の内部。ここで検証トリガーを呼び出す方法がわかりません

助けてください！

jquery FormWizardを使用しており、フォームを送信して次の画面に移動する方法として、最後の画面で送信ボタンを使用したいと考えています。

問題は、この jquery スクリプトを Java コードに埋め込んでいることです。現在、jqueryフォームウィザードから「送信」ボタンがあり、Javaコードから「続行」ボタンがあります。したがって、ユーザーは「送信」を押してフォームを送信し、「続行」を押して次の画面に進みます。ユーザーにとって理想的な状況ではありません。

送信を押さずに「続行」を使用すると、フォームの情報は保存されません。「送信」を押してから「続行」を押すと、フォームのすべての情報がデータベースに保存されます。続行ボタンを送信として使用し、次の画面に進むにはどうすればよいですか。これにより、最後の画面で送信ボタンが必要なくなります。

各ステップを正常に実行するjQueryフォームがありますが、送信されていないようです。コードは次のとおりです。

BeforeSubmitイベントがトリガーされますが、成功がトリガーされることはありません。http://thecodemine.org/のドキュメントはここを指しています：http：//jquery.malsup.com/form/#options-object、malsup.comで利用可能なすべてのオプションがjQueryフォームウィザードで利用可能であることを示唆しています。

このステータスdivが更新されない理由はありますか？

ありがとう！

編集：

更新されたJS：

スクリプトがsubmit.phpを呼び出していることが、Apacheログに表示されますが、ページに応答が表示されていないようです。