onclick イベントとフォーム ポスト イベントのために、jquery の 2 つのバージョンをロードする必要があります。onclick イベントは http code.jquery.com/jquery-latest.min.js を呼び出すことで問題なく動作しますが、http code.jquery.com/jquery-1.4.2.min.js とhttpを呼び出さない限り post イベントは機能しません。 //code.jquery.com/ajax/jquery.validate/1.7/jquery.validate.min.jsしかし、動作させるには noConflict を使用する必要があります。
latest.min の呼び出しは、私の onclick イベントを div にロードするように機能します submitHandler: function(form) の呼び出しは、別の div にロードするフォーム ポストを機能させます。
メニューは onClick イベントによって操作され、正しいメニューをトップ バーにロードします。次に、ユーザーはそのメニューのドロップダウンから選択して、フォームを下の別の div にロードします。
フォームが投稿され、フォームが含まれている div に結果が表示され、フォームがリロードされます。
div にロードされるフォームには、フォームが機能するためのコードもあります。
問題は、一度機能した後で、再度読み込まれた同じフォームを投稿しようとすると (フォームを投稿するためのコードを含む最初のフォームと同じ)、投稿に失敗することです。
投稿フォームに使用するスクリプト
$.noConflict();
$(document).ready(function () {
$("#ncus").validate({
debug: false,
submitHandler: function (form) {
$.post('../AddCusForm/process_form.php', $("#ncus").serialize(), function (data) {
$('#mainBody').html(data);
$("#mainBody").find("script").each(function (i) {
eval($(this).text());
});
$("form#ncus")[0].reset();
});
}
});
});
同じ div にロードされているプロセス フォームには、上記と同じコードがあります。元のフォームを別のフォームに置き換えます (同名)