フォーム送信時にブラウザが新しいページを開くのを防ぐにはどうすればいいですか？

Question

私達はちょうどたくはありEメール購読フォームは、Webページにあります
誰かが送信ボタン、
に彼の電子メールやクリックを入ると私たちは、このページはフォームアクションのURLにリダイレクトされるようにしたくない、
送信ボタンのテキスト値を別のテキスト,
「Thank You！」のようなものに変換します。
どうすれば可能ですか？私はAJAXを経由する必要がありますか？またはjavascript？

<form class="ml-block-form" action="//app.mailerlite.com/webforms/submit/myownID" data-code="myownID" method="POST" target="_blank"> 
<div class="form-group ml-field-email ml-validate-required ml-validate-email"> 
    <input class="newsletter-email" type="email" name="fields[email]" placeholder="Email*"/> 
</div> 
<input type="hidden" name="ml-submit" value="1" /> 
<p> 
    <input class="newsletter-submit" type="submit" value="Get Updates!"/> 
</p> 

Answer 1

formタグからtarget="_blank"を削除してください。それはもともと非常に厄介だったので、私は、同様にあなたのHTMLを変更してある

$(".ml-block-form").submit(function(){ 
    var vals = $(this).serialize(); 

    $.ajax({ 
     url: "postpage.php", 
     method: "POST", 
     data: vals, 
     success: function(data) { 
      $("#formsubmit").val("Thank you!"); 
     } 
    }); 

    return false; // prevent from submit 
}); 

：

次に、あなたのjQueryの内、本の線に沿って何かをします。もちろん、あなたが必要な場合は戻って他の要素を追加することができます。

<form class="ml-block-form" action="" data-code="myownID" method="post"> 
    <input id="mainval" type="email" name="fields[email]" placeholder="Email*"> 
    <input id="hiddenval" name="ml-submit" value="1" /> 
    <input id="formsubmit" type="submit" value="Get Updates!"/> 
</form> 

Answer 2

blank値が新しいwindowにリンクされたドキュメントを開きますので、あなたは、単にtarget="blank"を削除することができます：ここでは
フォームです。

Answer 3

代わり

<button id="newsletter-submit" value="Get Updates!"/> 

は（私は idため classを変更したことに注意してください）使用

<input class="newsletter-submit" type="submit" value="Get Updates!"/> 

のそして、jQueryを使用してボタンのクリックを処理します：

$("#newsletter-submit").click(function() { 
    $(this).prop("value", "Thank You!"); 
    // do something else with the input values e.g. send them via ajax to a server script 
});