必須属性と提出フォームボタン

Question

は、これは私のコードですail.php

<?php 

$name = $_POST['Name']; 
$mail = $_POST['Mail']; 
$object = $_POST['Object']; 
$message = $_POST['Message']; 

mail("mail@mail.it", $object, $message, 
    "From: $mail\r\n" . 
    "Reply-To: $mail\r\n" . 
    "X-Mailer: PHP/" . phpversion()); 

?> 

このコードでは、すべてのフィールドもヌルであればメールを送信できます。 すべてのフィールドが必須の属性を尊重している場合、メールを送信するコントロールを追加します。 あなたは本当にありがとう！ Bye

Answer 1

これは、送信ボタンをクリックするとajax呼び出しが行われ、jqueryのフォームに関するサブミットイベントを使用するために発生します。これは、次のコードを使用して行うことができます。

まず、以下のようなフォームにIDを追加します。

今

<form action="" id="formId"> 
    <input placeholder="Name" name="Name" class="form" id="name" type="text" required/> 
    <input placeholder="Mail" name="Mail" class="form" id="mail" type="email" required /> 
    <input placeholder="Object" name="Object" class="form" id="oggetto" type="text" required /> 
    <textarea placeholder="Message" name="Message" id="text" class="form"></textarea> 
    <input class="formBtn" name="submit" type="submit" id="submit"/> 
    <input class="formBtn" name="reset" type="reset" /> 
</form> 

$(document).on('submit','#formId',function(e){ 
    // this will prevent form to submit 
    e.preventDefault(); 
    // data need to send can be get with javascript serialize() 
    var data = $("#formId").serialize(); 
    // now go for ajax call 
    $.ajax({ 
     type: "POST", 
     url: 'php/mail.php', 
     data: data, 
     success: function() { 
     alert("Mail inviata correttamente!"); 
     } 

    }); 
}) 

[必須項目は、AJAXで作業していない]の