カラーボックスを使用して、リンクからフォーム (別の html ファイル) を開き、検証を実行して、フォームを php スクリプトに送信します。これはすべて機能しています。
ここでやりたいことは、php スクリプトの結果をカラーボックスに表示することです。送信のスクリプトは次のとおりです。
$.post('processForm.php', $("#chngPass").serialize(), function(data) {
$('#FormContainer').html("<div id='message'></div>");
$('#message').html("<h2>Thank you for request</h2>")
.fadeIn(1500, function() {
$('#message').append(data);
});
});
ある時点でメッセージが表示されましたが、カラーボックスが閉じているためメインページに表示されました。今、成功時に何も表示できません。
「return false」を使用してページの更新を停止する必要があることは理解していますが、スクリプトのさまざまな部分でそれを試したので、どこに行くべきかわかりません。
誰でも私を正しい方向に向けることができますか?
「formContainer」は、フォーム ページ内のフォームを含む div です。意図は、コンテンツをメッセージに置き換えることです。
ありがとう
更新: これまでのご意見ありがとうございます。まだ検証および送信スクリプトを機能させることができません。
フォームを送信するためにいくつかの方法を使用しましたが、最新のものは次のとおりです。
submitHandler: function() {
var url = "../2010/includes/scripts/php/memberFunctions.php"; //the form processing url
$.ajax({
type: "POST",
url: url,
data: $("#chngPass").serialize(),
success: function(data)
{
$("#chngPassWrapper").html(data);
}
});
return false; // avoid the actual submit of the form.
}
検証スクリプトなしでこれを試してみると、フォームが送信され、フォームがカラーボックスで送信の結果に置き換えられます。
検証スクリプトを元に戻すと、フォームは再度送信されますが、フォーム送信によるページの更新は停止しませんが、送信の結果は更新されたページの左上隅に表示されます。
検証を使用して投稿を使用し、フォームが送信を実行してページを更新しないようにするにはどうすればよいですか
上記をコンテキストに入れるための完全なスクリプトは次のとおりです。[リンク] http://jsfiddle.net/longestdrive/fJELU/
ご協力いただきありがとうございます