jquery - タグを使用してフォームを送信する

Answer 1

試す

サブミット ハンドラーをボタン クリックの外に置き、クリック時にフォーム サブミットを呼び出します。

投稿された html フォームから、myForm代わりにid があることがわかりますsupportForm

$(".submit-button").click(function () {
    if ($(".submit-button").hasClass("disabled") == false) {
        alert("true");
        $("#myForm").submit(); // or $("#myForm").trigger("submit");
    }
});
$("#myForm").submit(function (ev) {
    alert("submit");
    var form = $(this);
    $.ajax({
        url: form.attr('action'),
        data: form.serialize(),
        success: function (data) {....
        }
    });
    return false;
});

Answer 2

フォームを送信し、ターゲット アクションを iframe に設定する必要があります... iframe が読み込まれた後に AJAX Posting を実行する場合は...

HTML:

<form id="my_form" class="myForm" method="post" action="mypage.jsp" **target="iframe123"**>


 </form>
 **<iframe id="iframe123" style="display:none;">

  </iframe>**
  <a class="submit-button" href="#" onclick="">Submit</a>

 jQuery:

  document.getElementById('my_form').submit(); // to submit form
    $('#iframe123').on('load',function(){ // Ajax Post
            alert('Hello');
            var form = $(this);
            $.ajax({
                url: form.attr('action'),
                data: form.serialize(),
                success: function (data) {

                }
            });     
            return false;
 });

デモ

  Hope it Helps....
  Thank U