フォーム送信時にページリフレッシュを防止すると、コードが実行されなくなる

Question

フォームのサブフォームからのページリロードを防止するための多くのソリューションを読んでいますが、ほとんどが「JQueryスクリプト」またはpreventDefault()でfalseを返します。

JavascriptまたはJQueryでページをリロードしないようにすると、がに実行されないため、電子メールは送信されません。では、どうすれば両方を走らせることができますか？

私のHTMLフォームです。

<form id="myform" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post"> 
    <p><input class="w3-input w3-padding-16" type="text" placeholder="name" required name="name"></p> 
    <p><input class="w3-input w3-padding-16" type="email" placeholder="email" required name="email"></p> 
    <p><input class="w3-input w3-padding-16" type="text" placeholder="subject" required name="subject"></p> 
    <p><input class="w3-input w3-padding-16" type="text" placeholder="comment" required name="comment"></p> 
    <p> 
    <button class="w3-button w3-light-grey w3-padding-large" type="submit"> 
     <i class="fa fa-paper-plane"></i> SEND MESSAGE 
    </button> 

私のPHPコードのデータを収集し、電子メールを送信する：

<?php 
$name = $email = $comment = $subject = ""; 

if ($_SERVER["REQUEST_METHOD"] == "POST") { 
    $name = form($_POST["name"]); 
    $email = form($_POST["email"]); 
    $subject = form($_POST["subject"]); 
    $comment = form($_POST["comment"]); 
    $to = "myemail@gmail.com"; 
    mail($to,$subject,$comment,$email); 
} 
function form($data) { 
    $data = trim($data); 
    $data = stripslashes($data); 
    $data = htmlspecialchars($data); 
    return $data; 
} 
?> 

私はJQuery：

$(document).ready(function() { 
    $(document).on('submit', '#myform', function() { 
     return false; 
    }); 
}); 

Answer 1

をページロードせずに、このための$アヤックスの方法を使用してください：

$("#btn").click(function() 
{ 
$.ajax({ 
type : 'POST', 
url : 'url', 
data : $('#form').serialize() 
}); 

}）;

Answer 2

私はここに http://remotephpdevelopers.com/blog/prevent-form-submission/

からこれを得たが、あなたが探している何かのように思えます。イベントを通過させるだけです。これが欲しいと思っています

$(“#submitButton”).click(function(event){ 
event.preventDefault(); 
//do your thing 
});