問題タブ [ajaxform]

jQuery 用の ajaxForm プラグインを使用して、webapp でフォームを送信しています。ただし、アプリの一部で、jQuery の .load() を介してフォームを含むコンテンツを読み込んでいます

問題は、ajaxForm を ajax 経由でロードされたフォームにバインドできないことです。

私はこのコードを無駄に試しました:

どんな助けでも本当に感謝しています!!

編集：みんなありがとう！これは完全に機能します。

jQuery ajaxFormプラグインの「beforeSubmit」オプションを使用してデータを検証しようとしていますが、無効なフォームフィールドがある場合でもフォームは送信されます。どこが間違っているのですか？ありがとう、

そしてhtml：

ユーザーの詳細を更新するために使用しているajaxedモーダルで表示されるフォームがあります。モーダルが読み込まれると、js関数を呼び出します。

これは、モーダルを開いたり閉じたりする回数に関係なく、最初にフォームを送信したときに問題なく機能します。ただし、フォームを送信してからモーダルを再度開き、フォームをもう一度送信しようとすると、jsエラーが発生します。

h is undefined

私はjqueryとプログラミング全般に非常に慣れていませんが、まだここで何かを達成しようとしています。

Fullcalendarを使用して、Webアプリケーションのユーザーがデータベースにイベントを挿入できるようにします。日をクリックすると、ビューがagendaDayに変わり、次に時刻が表示され、フォームが表示されたダイアログポップアップが開きます。私はvalidate（pre-jquery.1.4）、jquery.formを組み合わせて、ページを更新せずにフォームを投稿しようとしています

いくつかのページに含まれているスクリプトcalendar.phpは、fullcalendarオブジェクトを定義し、それをdivに表示します。
$(document).ready(function() {

スクリプトjson-events.phpには、フォームと、送信されたフォームのデータを処理するためのコードが含まれています。

すべてをテストするとどうなりますか：
-最初にユーザーが1日をクリックし、次に時刻をクリックします。フォームに表示された日時でポップアップが開きます。ユーザーがフォームを送信すると、ダイアログが閉じてカレンダーがそのイベントを更新します。ユーザーが追加したイベントが数回表示されます（4回から最大11回まで！）。フォームは、受信するphpスクリプトによって数回処理されましたか？！
-ユーザーが2回クリックすると、ポップアップが開き、ユーザーは空のフォームを送信します。フォームが送信され（検証関数はトリガーされません）、ユーザーは空のページjson-events.phpにリダイレクトされます（ajaxFormもトリガーされません）

明らかに、私のコードは間違っています（そして汚いです、ごめんなさい）。送信されたフォームがスクリプトを受信するために数回送信されるのはなぜですか？また、javascript関数EventLoadが1回だけトリガーされるのはなぜですか？

よろしくお願いします。この問題は私を殺しています！

Railsにモデル作成フォームがあり、ajaxを介してJSONを返すこともできます。これまでの私のコードは次のようになります。

そして、私はファイルアップローダーを備えたマルチパートフォームを持っています（しかし、それが適切かどうかはわかりません）。

フォームを送信すると正常に動作しますが（モデルは適切に作成され、jsonとしてレンダリングされます）、jsonがformSuccess関数によって処理される代わりに、「stems.json」（ステム作成へのパス）のダウンロードが求められます。アクション）Firefoxで。

何がこれを引き起こすのでしょうか、そして何がそれを解決することができますか？これが問題の一部であるかどうかはわかりませんが、フォームに送信ボタンがありません。$（'＃new_stem）.submit（）を呼び出すクリックハンドラーへのリンクがあります。

みんなありがとう！

編集：Firebugは、ヘッダーに次のものが含まれていることを教えてくれます：

プラスCookieヘッダー

マルチファイルでajaxフォームを使用しています。

ただし、ajaxformは静かに死んでいるように見え、マルチファイルを使用している場合は何もしません。

Multifileは、入力type = fileのリストを作成する単なるjqueryプラグインであり、複数のファイルを一度にアップロードしてから、ファイルアップロードリストを追加/削除できます。

マルチファイルを調べて1つの変更を加え、以前は実行しなかった一意の名前とIDが生成されるようにしました。また、マルチファイルが構築しているフォーム要素を確認しました。これらはすべて正しいように見えます。ajaxformを見ると、通常どおりiframeを生成し、複数入力type = fileを送信する必要があるようですが、何も実行されません。

他の誰かが複数の入力type=fileのアップロードで問題を経験しましたか

エラーは、ファイル入力を追加した場合にのみ表示されます。成功イベントで FALSE が返されます。Opera でのみ発生します。

どこに問題があるのでしょうか？

http://jquery.malsup.com/form/

AjaxFormファイルのアップロードとアプリエンジンのblobstoreで問題が発生しています。難しさは、blobstoreアップロードハンドラー（blobstore_handlers.BlobstoreUploadHandlerのサブクラス）がコンテンツを返すのではなく、リダイレクト応答を要求するためだと思いますが、よくわかりません。XMLドキュメントを使用できるようにすることを期待しており、ブラウザには期待どおりに到着しているように見えますが、それを把握できません。詳細は以下のとおりです。

私のアプリエンジンのblobstoreアップロードハンドラは次のとおりです-

最後のリダイレクトは、xmlドキュメントを返すアプリケーションのURIへのリダイレクトです。サーバーの出力を見ると、何かが間違っているという兆候はありません-リダイレクトが処理され、正しいmimeタイプで期待どおりにxmlドキュメントが返されます-フォームの送信は見栄えがよく、その送信に対するサーバーの応答は次のようになります良い。

ajaxFormを使用したクライアント側のコードは次のようになります（少しわかりにくいですが、問題はここにあるとは思いません）-

その後、フォームに「アクション」を設定します（そしてボタンを有効にします）-

オブジェクトのロギングと公開にも、そこに小さなグーグルクロージャーを使用しています。すべてが良好に見えます-予想どおり、サーバーに正しく投稿され、success関数が呼び出されます。Chrome開発ツールでドキュメントの構造を見ると、ファイルのアップロードと応答を処理するためにiFrameが簡単に作成されていることがわかります。

問題は、応答でxmlドキュメントを取得できないことです。ログ出力は次のとおりです-

mimeタイプに関するchromeの苦情はおそらく非常に関連性がありますが、私は接続を確立していません:)-少なくとも、ある時点でxmlドキュメントを取得していることを意味します。Chromeリソースビューでは、POSTが表示され、応答が302リダイレクトであることがわかります。その後、後続のGETリクエスト（ヘッダーは正常に見えます）が表示されます。

Chromeリソースビューにはそのドキュメントのコンテンツは表示されませんが（空白のみ）、Firefoxには表示され、xmlドキュメントは正常に表示されます。ただし、Firefoxは同じ最終結果を返します-ajaxSubmit（）responseTextに対してnull。

ここのどこかで脳が衰えているだけだと思いますが、本当に困惑しています。そのxmlドキュメントを取得するためのポインタは素晴らしいでしょう-乾杯、

コリン

私はajaxformに問題があります-それは発砲するようには見えません。以下のajaxFormコードでは、アラートは表示されません。

ブックマークレットを介してiframe（my_frame）を追加しました。それはうまく表示されます。フォームが送信されたときに何かしたいのですが。getScriptが成功します（フォームがロードされたアラートが表示されます）。ただし、関数がトリガーされることはありません。何が欠けているのでしょうか？

ページネーターを使用して動的に埋められる div を含むページがあります;-) ページの初期化で、jquery .load() メソッドを使用して最初の 10 個のフォームをロードします。

私がやりたいことは、AjaxForm プラグインを使用してすべてのフォームを動的に更新できるようにすることです。サーバー側については知っています。update.asp としましょう。できます。

しかし、いくつかの質問があります:

1. AjaxFormが動的にロードされたdiv内の企業には機能しないように見えるため、プラグインを最初に機能させる方法は?

2. フォームを識別して名前を付けるにはどうすればよいですか? 今、私は ID を使用し、それらすべてに myForm という名前を付けました (おそらくそれが機能しない理由です)。myForm1、myForm2 などの名前を使用する場合、使用する 10 個の ajaxForm 関数を作成する必要があるためです。

   /li>

次に、myForm1 から myForm10 を使用して、これを 10 回行う必要がありますか? 他に方法があるはず...

3. まだロードされていないページで AjaxForm を機能させるにはどうすればよいですか? これは1)と同じ問題だと思います。ページ1でさえ何らかの形で動的にロードされるため、ajaxFormはフォームにバインドされません。

申し訳ありませんが、私は jquery にまったく慣れていません。一生懸命勉強しようとしています。ここに書く前にかなりの時間を試しました。あなたが私を助けることができれば、私はとても感謝しています.

あなたのもの

ジェリー

編集：これが私のローダーです...ローダーが表示されないため、正常に動作していません.hideLoaderにアラートを入れた場合にのみ表示されるのは非常に速く消えます:-(((