問題タブ [jquery-forms-plugin]

jQuery Form Wizard プラグインを使用してマルチステージ フォームを作成しています。フォームの上に、次のようにフォームの各段階にリンクするブレッドクラムを含めています。

パンくずリストのリンクがフォームの各セクションに移動しながら、毎回正しいリスト項目に「アクティブな」クラスを追加するにはどうすればよいですか?

SO 何らかの理由で、ボタンを 1 回押すだけでフォームが 2 回送信されます。jquery Formプラグインを使用するのはこれが初めてで、jqueryが一度送信され、フォームも「自然に」送信されると思います。解決策は、フォームの onSubmit イベント ハンドラに「return false」を追加することです。私はそれをやっていると思っていましたが、明らかに機能していません。

誰でも助けることができますか？

フォーム要素に onsubmit="return false" を追加しようとしましたが、送信がまったくありません。「return false;」も追加してみました。jQuery に追加しますが、それでも二重提出があります。私は何が欠けていますか？これは、jQuery Form Plugin サイトによると標準的な方法論のようです..私のフォームはどう違うのですか?

（ちなみに、念のために言っておきます。ボタンを繰り返し押して複数のフォームが連続して送信されるという問題について話しているのではありません。私の問題は「送信ボタンを 1 回押す = 送信 2 回」です。）

プロジェクトの 1 つで Yii フレームワークを使用しています。jQuery フォーム プラグインを Yii クライアント側の組み込み検証と一緒に使用したいと考えています。

私はそれらを一緒に働かせることができません。jQuery form pluginこの単純な js コードでセットアップした場合:

クライアント側の検証が実行されますが、検証が失敗してもフォームの送信は停止しません。これは、Yii クライアント側検証ライブラリと jQuery フォーム プラグインの両方が、フォームで同じ「送信」イベントをバインドするという事実に関連していると思います。

参考までに、FireBug と Chrome コンソールで js エラーがないことを再確認しました。

誰かが同じ問題を経験し、それを解決したのだろうか。

奇妙な問題またはバグ。私はjQuery Form Pluginを使用していますが、フォーム上で単一のファイルアップロードを行う1つのフォームを受け入れる場所ならどこでも問題なく動作しますenctype:multipart/form-data。このフォームでは、2 つの奇妙なことに直面しています…</p>

1. サーバーから返された JSON オブジェクトが空です!
2. Opera では、送信ボタンはファイルのダウンロードをトリガーします!

enctype:multipart/form-dataただし、これはと をinput type="file"フォームに残した場合にのみ発生します。それがなければ、すべてが正常に機能し、JSON オブジェクトが正しく返されます。Opera にはダウンロードがありません。

HTML:

jQuery:

何が原因でしょうか？どうすればそれを修正できますか？

前もって感謝します。

編集：

私が試したことはありませんが、オブジェクト自体をログに記録するだけでしたが、この場合 (file-input と enctype が設定されている場合のみ)、jsonObject はオブジェクトではなく STRING であることがわかりました。

したがって、これは、JavaScript に JSObject が再び含まれていることを意味し、これで最初の問題は修正されますが、opera のバグはまだ残っています。何か案は？

現在、次のようにいくつかのフォームを Web ページに読み込んでいます。

これは、フォームをロードする Chrome、Chromium、および IE で機能し、すべて正常に機能します ([送信] をクリックすると、フォームのアクションで定義された php-script にリクエストが送信され、データベースに内容が追加され、アラート ダイアログが表示されます)。Firefox (v10.0.2) では、このコードはフォームを DOM にロードして表示しますが、いずれかのフォームで [送信] をクリックしても何も起こりません。

最初は ajaxForm を疑いましたが、上記のコードを次のように変更しました。

ほとんど同じ結果が得られますが、違いは、ユーザーがアクションとして定義されたスクリプトに送られることです (Firefox は例外で、何も起こらない)。

Firefox で送信ボタンを強制終了させないようにするにはどうすればよいですか?

jquery validate() を jquery フォーム プラグインと組み合わせて、Ajax を使用してフォームを送信しています。送信ボタンを送信するには2回クリックする必要があることを除いて、すべてが機能します。問題を解決する方法について何か提案はありますか?

jquery フォーム プラグイン (http://www.malsup.com/jquery/form/#ajaxSubmit) で推奨される return false に加えて、 preventDefault() と $.ajaxSetup({async:false}); を使用してみました。 .

また、送信ボタンはイメージです。

コードは次のとおりです。

使用したプラグイン:

http://docs.jquery.com/Plugins/Validation

http://www.malsup.com/jquery/form/#ajaxSubmit

次のコードがあります

ハンドラーは、送信ボタンがクリックされた 1 回目、3 回目、5 回目、7 回目にしか呼び出されないことがわかりました (応答は、エラーなどが挿入されたフォームの html にすぎません)。

ただし、関数を onclick ハンドラーに変更すると、毎回機能します。

彼らのサイトで実証されているように、jQuery Form Plugin によって処理されるアップロードの進行状況を表示しようとしています。何をしようとしても、アップロードの進行状況を表示する割合を取得できず[jquery.form] state = uninitialized、ファイルのアップロード中に Firebug がコンソールに表示されます。アップロードが完了するとすぐに、Firebug が表示されます[jquery.form] state = loading jquery.form.js (line 904) [jquery.form] isXml=false

これが私のJavascriptです。バックエンドは class.upload.php、www.verot.net/php_class_upload.htm を使用しており、完了すると JSON を返します。

どんな助けでも大歓迎です！

私のフォームでは、 Malsup の JQuery Form プラグインが非常に便利であることがわかりましajaxyfyingた。ただし、成功およびエラーのコールバックで送信イベントが発生したターゲット要素を参照できません。のthisキーワードはajaxForm、DOM 要素ではなくオブジェクトを参照します。

私のページにはたくさんの小さなフォームがあります。リクエストに対する承認ボタンと拒否ボタンのように、ajax を使用してこれらのフォームを送信したいと考えています。完了したら、そのフォームを DOM から削除し、「Request Successful!」というメッセージを表示したいと考えています。とか、ぐらい。しかし、実際にフォームを送信したターゲットを見つけることができません。

すべてのコールバックのコンテキストとなるオプションを渡すことができることはわかっていcontextますが、その場合でも、送信イベントが発生した要素を参照する方法を理解できませんか?

前もって感謝します。