2011-06-23 10 views
1

トップボトムビューでは、(jQuery-validateを使用して)検証されたフォームを使用して(ターゲットiFrameに)画像をアップロードしようとしています。画像をアップロードするのiFrameのPHPスクリプトは、AJAX負荷作った画像のリストを更新するために、親ドキュメントリロードすることにした後:その後jQueryの後にJavascriptが機能しない親ドキュメントにAjaxが読み込まれる

$('#content', window.parent.document).load(...); 

、タグ間のコードは動作しませんjavascriptの親文書を、その検証フォームが失敗しました私が再びフォームを提出すると、私を索引に連れて行きます。

誰かが何かを手助けできますか?スペイン

+0

jqueryバリデーションを使用していますか?フォームは#content内にありますか? –

+0

はい、私は[jQuery Validate](http://bassistance.de/jquery-plugins/jquery-plugin-validation/)を使用しています。フォームは#content内にあります – hespresati

答えて

1

から

敬具フォームが#content内にある場合、あなたはそれが適切に提出し、あなたがJavaScriptで行わたいアクションを実装していない場合は、フォームがイベントを提出オーバーライド検討すべきです。私は言及を忘れてしまった、あなたが実行するすべてのjavascript:http://xhalent.wordpress.com/2011/01/24/applying-unobtrusive-validation-to-dynamic-content/Validate dynamically added control

UPDATEを参照してください、あなたは控えめな検証を使用している場合は、この

var element = "#content form"; 
    $(element).valid(); 
    $(element).find("input").each(function() { 
     $(this).blur(function() { 
      $(this).valid(); 
     }); 
    }); 
    $(element).find("select").each(function() { 
     $(this).change(function() { 
      $(this).valid(); 
     }); 
    }); 

を試し、動的にロードされた要素の検証を初期化するためのhttp://api.jquery.com/submit/

を参照してください。 $(document).ready関数はドキュメントの読み込み時に実行されるため、動的にajaxが読み込まれるコンテンツでは実行されません。したがって、datepickerなどを添付する必要がある場合は、コンテンツを読み込んだ後に実行する必要があります($ .ajaxの成功関数)

+0

ありがとう!それはトリックを行う – hespresati

関連する問題