jquery - Jquery と mvc を使用したフォーム送信

Question

jQueryを使用してフォームを送信しようとしています。以下の私のコード

<form id="sampleForm" action="@Url.Action("submitSearch","Home")">
    //Form Fields  textbox
    <button id="test" type="submit" ></button>
</form>

document.readyスクリプトを持つ内部

$("#sampleForm").submit(function () {
    console.log("Success");
});

しかし、sumbit をクリックしても何も起こりません。

以下のコードを試して、正しくマッピングされているかどうかを確認し、それが正常に機能するかどうかを確認しました

$(document).on("click", "#search-button", function () {
    console.log("Success");
});

フォームの送信中に何が欠けていますか?

score 14 · Accepted Answer

14

$("#test").click(function(){
   $("#sampleForm").submit();
});

于 2013-04-11T09:05:10.370 に答える

score 4 · Accepted Answer

送信しているのに、ページがリロードされ、コンソールログがクリアされている可能性はありますか?

また、明確にするために...

$("#sampleForm").submit(function () {
    console.log("Success");
});

これにより、sampleForm が送信されたときに何かを行うイベントが接続されます...

$('#sampleForm').submit();

実際に送信イベントをトリガーします

score 1 · Accepted Answer

このようになるはずです

<input id="test" type="submit" ></input>

これの代わりに

<button id="test" type="submit" ></button>

4 に答える 4